mirror of
https://github.com/checktheroads/hyperglass
synced 2024-05-11 05:55:08 +00:00
28 lines
666 B
TypeScript
28 lines
666 B
TypeScript
import { Box } from '@chakra-ui/react';
|
|
import { useColorValue } from '~/context';
|
|
|
|
import type { BoxProps } from '@chakra-ui/react';
|
|
|
|
export const Table = (props: BoxProps) => (
|
|
<Box as="table" textAlign="left" mt={4} width="full" {...props} />
|
|
);
|
|
|
|
export const TH = (props: BoxProps) => {
|
|
const bg = useColorValue('blackAlpha.50', 'whiteAlpha.50');
|
|
return <Box as="th" bg={bg} fontWeight="semibold" p={2} fontSize="sm" {...props} />;
|
|
};
|
|
|
|
export const TD = (props: BoxProps) => {
|
|
return (
|
|
<Box
|
|
p={2}
|
|
as="td"
|
|
fontSize="sm"
|
|
whiteSpace="normal"
|
|
borderTopWidth="1px"
|
|
borderColor="inherit"
|
|
{...props}
|
|
/>
|
|
);
|
|
};
|