import {
  Box,
  Table as ChakraTable,
  Thead,
  Tbody,
  Tfoot,
  Tr,
  Th,
  Td,
  TableCaption,
} from "@chakra-ui/react";
import { FunctionComponent } from "react";

const Table: FunctionComponent = ({ children }) => (
  <Box maxW="100%" overflowX="auto">
    <ChakraTable variant="striped">{children}</ChakraTable>
  </Box>
);

export { Table, Tfoot, Tbody, Td, Thead, Tr, Th, TableCaption };