import { TableProps } from "./table"
import TBody from "./TBody"
import TD from "./TD"
import TH from "./TH"
import THead from "./THead"
import TR from "./TR"
import { tableVariants } from "./variants"

function Table({
  className,
  intent,
  borderRadius,
  variant,
  layout,
  width = "100%",
  children,
  ...props
}: TableProps) {
  const classNames = tableVariants({
    className,
    borderRadius,
    intent,
    layout,
    variant,
  })

  return (
    <table className={classNames} style={{ width }} {...props}>
      {children}
    </table>
  )
}

Table.THead = THead
Table.TH = TH
Table.TBody = TBody
Table.TD = TD
Table.TR = TR

export default Table