import React from 'react' ; import cx from 'classnames' ; import { CellProps } from 'react-table' ; import { TrackTableExtraProps } from '../types' ; import { Button } from '../../..' ; import { Track } from '../../../types' ; import styles from '../styles.scss' ; const DeleteCell = ( { cell , row , onDelete } ) => < td { ... cell . getCellProps ( ) } className = { cx ( styles . narrow , styles . delete_cell ) } > < Button basic borderless circular size = 'tiny' icon = 'times' onClick = { ( ) => onDelete ( row . original , row . index ) } /> < /td>; export default DeleteCell ;