Component props
<TableOptions
table={table}
searchInput={searchInput}
setSearchInput={setSearchInput}
/>
export default function TableOptions({ onSearch, onToggleDrawer }: TableOptionsProps) {
//const [filterModalOpen, setFilterModalOpen] = useState(false);
return (
<>
<Toolbar className={`${styles['table-options-toolbar']} ${styles.fullwidth}`}>
<Typography component="div" className={styles['search-input']}>
<SearchInput
//searchInput={searchInput}
//className="search-input"
//setSearchInput={setSearchInput}
onSearch={onSearch}
/>
</Typography>
<Tooltip title="Filter list">
<button className={styles['svg-button-icon']} onClick={onToggleDrawer}>
<TuneIcon className={styles['table-options-icon']} />
</button>
</Tooltip>
</Toolbar>
{/* <FilterModal
filterModalOpen={filterModalOpen}
setFilterModalOpen={setFilterModalOpen}
table={table}
/> */}
</>
);
}
TableOptions component that provides a toolbar with search input and filter controls for the product results table. It manages the filter modal state and renders the search input and filter icon.