import { observer } from 'mobx-react-lite' ; import styled , { use } from 'reshadow' ; import { useStyles } from '@cloudbeaver/core-theming' ; interface Props { colSpan ? : number ; className ? : string ; onClick ? : ( ) => void ; onDoubleClick ? : ( ) => void ; } export const TableItemSeparator = observer < Props > ( function TableItemSeparator ( { colSpan , children , className , onClick , onDoubleClick , } ) { return styled ( useStyles ( ) ) ( < tr { ... use ( { noHover : true } ) } className = { className } onClick = { onClick } onDoubleClick = { onDoubleClick } > < td colSpan = { colSpan } { ... use ( { expandArea : true } ) } > { children } < /td> < /tr>); } ) ;