export type { RadioOption as SegmentedOption } from './createRadioGroup.svelte';
/**
   * SvSegmented - a segmented control: a compact row of mutually-exclusive
   * options in a shared track (the modern alternative to a small radio group or a
   * tab strip for a setting). Single-select, keyboard-accessible (it reuses the
   * radio-group core: arrow keys roam, Space/Enter select), and themed from the
   * shared `--sg-*` tokens.
   *
   * ```svelte
   * <SvSegmented options={[{value:'list',label:'List'},{value:'grid',label:'Grid'}]} bind:value />
   * ```
   */
import type { Snippet } from 'svelte';
import { type RadioOption } from './createRadioGroup.svelte';
import { type SvEditorProps } from './editor-contract';
type SegOption = RadioOption & {
    icon?: Snippet;
};
type Props = Pick<SvEditorProps, 'disabled' | 'size' | 'dir' | 'id' | 'ariaLabel' | 'label' | 'hint' | 'error' | 'required' | 'invalid'> & {
    options: ReadonlyArray<SegOption>;
    value?: string | number | null;
    onChange?: (value: string | number) => void;
    /** Stretch the control (and split options evenly) to the container width. */
    block?: boolean;
    name?: string;
};
declare const SvSegmented: import("svelte").Component<Props, {}, "value">;
type SvSegmented = ReturnType<typeof SvSegmented>;
export default SvSegmented;