1
0
mirror of https://github.com/checktheroads/hyperglass synced 2024-05-11 05:55:08 +00:00
Files
checktheroads-hyperglass/hyperglass/ui/components/card/body.tsx
2021-01-03 23:51:09 -07:00

25 lines
581 B
TypeScript

import { Flex } from '@chakra-ui/react';
import { useColorValue } from '~/context';
import type { TCardBody } from './types';
export const CardBody: React.FC<TCardBody> = (props: TCardBody) => {
const { onClick, ...rest } = props;
const bg = useColorValue('white', 'dark.500');
const color = useColorValue('dark.500', 'white');
console.log('some shit');
return (
<Flex
bg={bg}
w="100%"
rounded="md"
color={color}
onClick={onClick}
overflow="hidden"
borderWidth="1px"
direction="column"
{...rest}
/>
);
};