/**
 * A Segmented Control allows users to switch between multiple options or views within a single container. It provides a compact and efficient way to toggle between sections without requiring a dropdown or separate navigation. Segmented Controls are commonly used in filters, tabbed navigation, and content selection to enhance user interaction and accessibility.
 *
 * @event change {CustomEvent<number | string | undefined>} - Emits when the selected segment changes.
 */
interface Props {
    [key: string]: any;
    /**
     * Defines the currently active tab.
     *
     * - If a `number` is provided, it represents the index of the segment.
     * - If a `string` is provided, it must match the `id` of one of the segments.
     */
    selected?: number | string;
    /**
     * if `true`, the segmented control take the full width.
     */
    full?: boolean;
    /**
     * Determines the size of the segmented control.
     */
    size?: 's' | 'm';
    /**
     * An array of objects that allows you to provide all the data needed to generate the content for each segment.
     */
    segments: Array<{
        /**
         * Unique identifier for the segment.
         */
        id?: string;
        /**
         * The label displayed for the segment.
         */
        label: string;
    }>;
    /**
     * Callback fired when the selected segment changes.
     */
    onChange?: (index: number) => void;
}
declare const SegmentedControl: import("svelte").Component<Props, {}, "selected">;
type SegmentedControl = ReturnType<typeof SegmentedControl>;
export default SegmentedControl;
//# sourceMappingURL=SegmentedControl.svelte.d.ts.map