import cx from 'classnames' ; import { MDXComponentProps } from './MDXComponents' ; type AlignProps = { align ? : 'left' | 'right' ; } ; export function CustomTable ( props ) { return < table { ... props } className = "w-full mt-6" / > ; } export function CustomTableHeader ( props ) { return < thead { ... props } / > ; } export function CustomTableHeaderCell ( { align , ... props } ) { return ( < th { ... props } className = { cx ( 'px-0 py-4 text-sm font-semibold text-left text-gray-400' , { 'text-right' : align === 'right' , } ) } />); } export function CustomTableDataCell ( { align , ... props } ) { return ( < td { ... props } className = { cx ( 'px-0 py-4 text-sm align-top border-t border-gray-200' , { 'text-right' : align === 'right' , } ) } />); } export function CustomTableRow ( props ) { return < tr { ... props } / > ; }