import styled , { use } from 'reshadow' ; import { useStyles } from '@cloudbeaver/core-theming' ; interface Props { title ? : string ; min ? : boolean ; flex ? : boolean ; centerContent ? : boolean ; className ? : string ; } export const TableColumnHeader = function TableColumnHeader ( { title , min , flex , centerContent , className , children , } ) { return styled ( useStyles ( ) ) ( < th title = { title } className = { className } { ... use ( { min , centerContent } ) } > { flex ? < th - flex className = { className } > { children } < /th-flex> : children} < /th>); } ;