Table

1
import {
2
  Table,
3
  Tbody,
4
  Th,
5
  Thead,
6
  Tr,
7
  Td
8
} from '@cerberus/react'

interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
  caption: string
}

define function Table(props: PropsWithChildren<TableProps>): ReactNode

export type ThBaseProps = TableHTMLAttributes<HTMLTableCellElement> & {
  onClick?: MouseEventHandler<HTMLButtonElement>
}
export type ThProps = ThBaseProps & ThVariantProps

define function Th(props: ThProps): ReactNode

export type TbodyBaseProps = TableHTMLAttributes<HTMLTableSectionElement>
export type TbodyProps = TbodyBaseProps & TbodyVariantProps

define function Tbody(props: TbodyProps): ReactNode

export type TdBaseProps = TableHTMLAttributes<HTMLTableCellElement>
export type TdProps = TdBaseProps & TdVariantProps

define function Td(props: TdProps): ReactNode