import { Table , TableCellProps , TableColumnHeaderProps , TableProps , Td , Th , useStyleConfig } from "@chakra-ui/react" ; export function TablePlus ( props ) { const { children , ... rest } = props ; const styles = useStyleConfig ( "TablePlus" , { } ) as any ; return < Table { ... styles } { ... rest } > { children } < /Table>; } interface ThPlusProps extends TableColumnHeaderProps { variant ? : 'sticky' ; } export function ThPlus ( props ) { const { variant , children , ... rest } = props ; const styles = useStyleConfig ( "ThPlus" , { variant } ) as any ; return < Th { ... styles } { ... rest } > { children } < /Th>; } interface TdPlusProps extends TableCellProps { variant ? : 'sticky' ; } export function TdPlus ( props ) { const { variant , children , ... rest } = props ; const styles = useStyleConfig ( "TdPlus" , { variant } ) as any ; return < Td { ... styles } { ... rest } > { children } < /Td>; }