lookingglass/hyperglass/ui/elements/card/body.tsx
2024-11-15 18:40:53 +00:00

24 lines
511 B
TypeScript

import { Flex } from '@chakra-ui/react';
import type { FlexProps } from '@chakra-ui/react';
interface CardBodyProps extends Omit<FlexProps, 'onClick'> {
onClick?: () => boolean;
}
export const CardBody = (props: CardBodyProps): JSX.Element => {
const { onClick, ...rest } = props;
return (
<Flex
bg="white"
w="100%"
rounded="md"
color="dark.500"
onClick={onClick}
overflow="hidden"
borderWidth="1px"
direction="column"
{...rest}
/>
);
};