import cx from 'classnames' ; import React , { ReactElement } from 'react' ; import { ColumnInstance } from 'react-table' ; import { useStyles } from './TableStyles' ; export const ResizeHandle = < T extends Record < string , unknown > > ( { column , } ) : ReactElement => { const classes = useStyles ( ) ; return ( < div { ... column . getResizerProps ( ) } style = { { cursor : 'col-resize' } } className = { cx ( { [ classes . resizeHandle ] : true , handleActive : column . isResizing , } ) } />); } ;