Product List

import { ProductList } from "@leanicon/web-builder-library/saas";

<ProductList
  products={products}
  totalCount={100}
  page={1}
  pageSize={10}
  onPageChange={(page) => setPage(page)}
  onPageSizeChange={(size) => setPageSize(size)}
  filters={filters}
  onFiltersChange={setFilters}
  sortBy="name"
  sortOrder="asc"
  onSortChange={(col, order) => handleSort(col, order)}
  selectedIds={selectedIds}
  onSelectionChange={setSelectedIds}
  onBulkAction={(action, ids) => handleBulkAction(action, ids)}
  onEdit={(product) => router.push(`/products/${product.id}`)}
  onDelete={(product) => handleDelete(product)}
  onStatusChange={(product, status) => updateStatus(product, status)}
/>;