import { Box, BoxProps } from "@saleor/macaw-ui/next";

export const Table = {
  Container: (props: BoxProps) => <Box __textAlign={"left"} width="100%" {...props} as="table" />,
  Header: (props: BoxProps) => <Box {...props} as="thead" />,
  Row: (props: BoxProps) => <Box {...props} as="tr" />,
  HeaderCell: (props: BoxProps) => (
    <Box fontWeight={"captionSmall"} fontSize={"captionSmall"} {...props} as="th" />
  ),
  Body: (props: BoxProps) => <Box {...props} as="tbody" />,
  Cell: (props: BoxProps) => <Box fontSize="bodyMedium" {...props} as="td" />,
};
