/** @jsx jsx */
import { jsx } from '@emotion/core';
import { Box, css } from '@chakra-ui/core';

export const TableBody = ({ children, ...props }) => (
  <Box
    as="tbody"
    overflowY="scroll"
    css={css({
      '&::-webkit-scrollbar': { display: 'none' },
      '&': { msOverflowStyle: 'none' },
    })}
    overflowX="hidden"
    {...props}>
    {children}
  </Box>
);