import React from "react"; import type { CollectionViewMode, CollectionViewSize, KanbanPropertyOption } from "./CollectionViewTypes"; /** * Props for the {@link CollectionViewToolbar} component. * @group Collection View */ export type CollectionViewToolbarProps = { viewMode: CollectionViewMode; onViewModeChange?: (mode: CollectionViewMode) => void; enabledViews?: CollectionViewMode[]; /** * Custom view modes, supplying the label and icon for their switcher * entries. Without these an `enabledViews` key outside the four built-ins * has no label and no icon to draw. */ customViews?: { key: string; name: string; icon?: React.ReactNode; }[]; size?: CollectionViewSize; onSizeChange?: (size: CollectionViewSize) => void; searchString?: string; onSearchChange?: (search?: string) => void; loading?: boolean; actionsStart?: React.ReactNode; actionsEnd?: React.ReactNode; compact?: boolean; kanbanPropertyOptions?: KanbanPropertyOption[]; selectedKanbanProperty?: string; onKanbanPropertyChange?: (property: string) => void; }; /** * Toolbar for the headless CollectionView. * * Renders a search bar, view mode toggle (popover with toggle button group), * optional size selector, optional kanban property selector, and action slots. * * @group Collection View */ export declare function CollectionViewToolbar({ viewMode, onViewModeChange, enabledViews, customViews, size, onSizeChange, searchString, onSearchChange, loading, actionsStart, actionsEnd, compact, kanbanPropertyOptions, selectedKanbanProperty, onKanbanPropertyChange, }: CollectionViewToolbarProps): React.JSX.Element;