lookingglass/hyperglass/ui/components/Table/TableHead.js
2020-10-07 09:41:58 -07:00

13 lines
380 B
JavaScript

import * as React from 'react';
import { Box, useColorMode } from '@chakra-ui/core';
const bg = { dark: 'whiteAlpha.100', light: 'blackAlpha.100' };
export const TableHead = ({ children, ...props }) => {
const { colorMode } = useColorMode();
return (
<Box as="thead" overflowX="hidden" overflowY="auto" bg={bg[colorMode]} {...props}>
{children}
</Box>
);
};