import type { Snippet } from 'svelte';
type ViewMode = 'list' | 'grid' | 'card';
type Props = {
    view: ViewMode;
    /** Button size preset — sm = 29px, md = 32px. @default 'sm' */
    size?: 'sm' | 'md';
    /** Reveal the `card` view button alongside list / grid. @default false */
    showCard?: boolean;
    /** Persist the view mode under this localStorage key. */
    viewStorageKey?: string;
    /** Leading content before the view toggle — e.g. a composed `ToolbarSortSelect`. */
    prepend?: Snippet;
    on?: {
        viewChange?: (view: ViewMode) => void;
    };
};
/**
 * A toolbar view switcher: a `list` / `grid` toggle built on the shared `ToolbarIconButton` (flat, 28px at
 * `sm` / 32px at `md`, 20px glyph), with an opt-in `card` button via `showCard`. Pass `viewStorageKey` to
 * persist the view across reloads, and compose a leading control — e.g. `ToolbarSortSelect` — through the
 * `prepend` snippet.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--toolbar-view-controls--gap` | Gap between the controls | `var(--sc-kit--space--2)` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;