type Props = {
    /** Glyph — a string SVG source. */
    icon: string;
    /** Accessible name. Required for the interactive button; omit for `presentational` (the wrapper owns the name). */
    'aria-label'?: string;
    /** Button size — sm = 28px, md = 32px. @default 'sm' */
    size?: 'sm' | 'md';
    /** Selected state — tints the glyph with the accent color (no background). */
    active?: boolean;
    disabled?: boolean;
    /** Render a non-interactive `<span>` for embedding inside another interactive wrapper (e.g. a Popover trigger). @default false */
    presentational?: boolean;
    on?: {
        click?: () => void;
    };
};
/**
 * A flat, square toolbar icon button (28px at `sm`, 32px at `md`, with a 16px glyph at `sm` / 20px at `md`).
 * Background appears on hover only; `active` tints the glyph with the primary text color (no background). Pass
 * `presentational` to render a non-interactive `<span>` for use inside a wrapper that owns the click +
 * semantics (e.g. a Popover trigger). Shared by `ToolbarViewControls` and the `ToolbarSortSelect` icon trigger
 * so they stay visually identical.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--toolbar-icon-button--color` | Idle glyph color | `var(--sc-kit--color--text--muted)` |
 * | `--sc-kit--toolbar-icon-button--color--active` | Active glyph color | `var(--sc-kit--color--text--primary)` |
 * | `--sc-kit--toolbar-icon-button--background--hover` | Hover background | `var(--sc-kit--color--bg--hover)` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;