import React from 'react' ; import { TableCellMenu , TableCellMenuProps } from './table-cell-menu' ; import { TableDeleteRowColumnButton , TableDeleteRowColumnButtonProps } from './table-delete-button' ; export interface TableComponentsProps { default enableTableCellMenu ? : boolean ; /**
     * The props that will passed to `TableCellMenu`
     */ tableCellMenuProps ? : TableCellMenuProps ; default enableTableDeleteRowColumnButton ? : boolean ; /**
     * The props that will passed to `TableDeleteRowColumnButton`
     */ tableDeleteRowColumnButtonProps ? : TableDeleteRowColumnButtonProps ; } const defaultTableComponentsProps = { enableTableCellMenu : true , enableTableDeleteRowColumnButton : true , } ; export const TableComponents = ( props ) => { props = { ... defaultTableComponentsProps , ... props } ; return ( < > { props . enableTableCellMenu ? < TableCellMenu { ... props . tableCellMenuProps } / > : null } { props . enableTableDeleteRowColumnButton ? ( < TableDeleteRowColumnButton { ... props . tableDeleteRowColumnButtonProps } / > ) : null } < />); } ;