import { type IconPickerItem } from './types';
type Props = {
    value: string | null;
    /** Flat list of icons or a list of labelled groups. */
    icons: IconPickerItem[];
    placeholder?: string;
    disabled?: boolean;
    error?: boolean;
    /** Render the trigger with no border / background. @default false */
    borderless?: boolean;
    /** Tiles per row in the popover grid. @default 7 */
    cols?: number;
    on?: {
        change?: (value: string | null) => void;
    };
};
/**
 * IconPicker — select-style trigger that opens a grid of icons. A thin proxy over kit `Singleselect`
 * that provides a custom `listbox` snippet for the grid layout and a `selectionSnippet` showing the
 * chosen icon next to its label in the trigger. Search / filter, keyboard, accessibility, error / borderless
 * styling all come from Singleselect.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--icon-picker--panel--padding` | Popover grid padding | `var(--sc-kit--space--2)` |
 * | `--sc-kit--icon-picker--tile--size` | Tile square size | `2.25rem` |
 * | `--sc-kit--icon-picker--tile--gap` | Tile grid gap | `0.125rem` |
 * | `--sc-kit--icon-picker--tile--icon--size` | Glyph size inside a tile | `1.125rem` |
 * | `--sc-kit--icon-picker--selection--icon--size` | Leading icon size in the trigger selection | `1.125rem` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;