Table Toolbar

import {
  TableToolbar,
  TableToolbarTitle,
  TableToolbarSpacer,
  TableToolbarSeparator,
  TableToolbarSearch,
  TableToolbarButton,
  TableToolbarIconButton,
  SortIcon, FilterIcon, SettingsIcon, PrinterIcon,
} from "@/components/ui/table-toolbar";

<TableToolbar>
  <TableToolbarTitle count={15}>Sales Orders</TableToolbarTitle>
  <TableToolbarSpacer />
  <TableToolbarSearch value={q} onChange={setQ} />
  <TableToolbarButton variant="primary">Create</TableToolbarButton>
  <TableToolbarButton>Delete</TableToolbarButton>
  <TableToolbarSeparator />
  <TableToolbarIconButton label="Sort"><SortIcon /></TableToolbarIconButton>
  <TableToolbarIconButton label="Filter" count={1}><FilterIcon /></TableToolbarIconButton>
  <TableToolbarIconButton label="Settings"><SettingsIcon /></TableToolbarIconButton>
  <TableToolbarIconButton label="Print"><PrinterIcon /></TableToolbarIconButton>
</TableToolbar>