import '@oicl/openbridge-webcomponents/dist/components/toggle-button-option/toggle-button-option.js'; import type { ObcToggleButtonOptionType, ObcToggleButtonOptionVariant } from '@oicl/openbridge-webcomponents/dist/components/toggle-button-option/toggle-button-option.js'; import type { Snippet } from 'svelte'; export interface Props { class?: string; style?: string; /** Value associated with this option. Used in selection events. */ value?: string; /** Whether this option is currently selected (toggles visual state). */ selected?: boolean; /** Whether this option is currently activated (toggles visual state). */ activated?: boolean; /** Layout of icon and label. One of: "icon", "text", "icon-text-under", "text-icon". Controls which slots/content are displayed and their arrangement. */ type?: ObcToggleButtonOptionType; /** The visual variant of the toggle button option. One of: "flat", "regular", "normal". */ variant?: ObcToggleButtonOptionVariant; /** If true, button width shrinks to fit label content. */ hugText?: boolean; /** If true, renders the divider between options. */ showDivider?: boolean; /** If true, the option is disabled and cannot be interacted with. */ disabled?: boolean; /** If true, the option uses a larger size. */ large?: boolean; } export interface Events { onSelected?: (event: CustomEvent<{ value: string; }>) => void; } export interface Slots { children?: Snippet; icon?: Snippet; } type $$ComponentProps = Props & Events & Slots; declare const ObcToggleButtonOption: import("svelte").Component<$$ComponentProps, { ObcToggleButtonOptionType: typeof ObcToggleButtonOptionType; ObcToggleButtonOptionVariant: typeof ObcToggleButtonOptionVariant; }, "">; type ObcToggleButtonOption = ReturnType; export default ObcToggleButtonOption;