import type { Snippet } from 'svelte';
type Props = {
    checked: boolean;
    /** @default 'md' */
    size?: 'sm' | 'md';
    disabled?: boolean;
    /** Render a non-interactive visual switch (a `<span>`, not a button) for embedding inside another interactive row that owns the click + semantics. @default false */
    presentational?: boolean;
    /** Label position relative to the switch. `spread` = label left, switch right (settings-row). `inline` = switch left, label right (compact). @default 'spread' */
    layout?: 'spread' | 'inline';
    /** Label: plain text or a snippet for rich content. */
    label?: string | Snippet;
    /** Secondary text under the main label. */
    sublabel?: string | Snippet;
    title?: string;
    /** Accessible name fallback when `label` is a snippet (forwarded to `aria-label`). */
    name?: string;
    on?: {
        change?: (value: boolean) => void;
    };
};
/**
 * Toggle (switch) — boolean on/off control. Renders a bare `<button role="switch">` by default;
 * when `label` or `sublabel` is supplied, wraps in a clickable `<label>` row with two layouts:
 * `spread` (settings-row, label left + switch right, fills container) or `inline` (compact,
 * switch left + label right, intrinsic width).
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--toggle--track-width` | Track width | per size |
 * | `--sc-kit--toggle--track-height` | Track height | per size |
 * | `--sc-kit--toggle--thumb-size` | Thumb width/height | per size |
 * | `--sc-kit--toggle--thumb-travel` | Distance the thumb slides when toggled | per size |
 * | `--sc-kit--toggle--thumb-offset` | Inset of the thumb inside the track | `2px` |
 * | `--sc-kit--toggle--background` | Track background (off) | `var(--sc-kit--color--border--strong)` |
 * | `--sc-kit--toggle--background--on` | Track background (on) | `var(--sc-kit--color--accent)` |
 * | `--sc-kit--toggle--thumb-color` | Thumb color | `#fff` |
 * | `--sc-kit--toggle--thumb-shadow` | Thumb shadow | `0 1px 2px rgba(0, 0, 0, 0.2)` |
 * | `--sc-kit--toggle--focus-ring-color` | Focus outline color | `var(--sc-kit--color--border--focus)` |
 * | `--sc-kit--toggle-row--gap` | Gap between label and switch | `var(--sc-kit--space--3)` |
 * | `--sc-kit--toggle-row--label--font-size` | Label font size | `var(--sc-kit--font-size--md)` |
 * | `--sc-kit--toggle-row--label--color` | Label color | `var(--sc-kit--color--text--primary)` |
 * | `--sc-kit--toggle-row--sub--font-size` | Sublabel font size | `var(--sc-kit--font-size--sm)` |
 * | `--sc-kit--toggle-row--sub--color` | Sublabel color | `var(--sc-kit--color--text--muted)` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;