import '@oicl/openbridge-webcomponents/dist/components/toggle-button-group/toggle-button-group.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;
    /** The currently selected option's value.

Set this property to programmatically select an option. When the user selects a different option, this property updates and a `value` event is fired.

If set to a value that does not match any enabled option, the first enabled option is selected by default. */
    value?: string;
    /** The value of the option that is activated.

When the group is controlled by an external source, this property is used to set the value of the option that is activated.
This is a visual indication that the option is clicked but not yet stored. */
    activated?: string | undefined;
    /** The visual type of the toggle button options.

- `text` (default): Options display text only.
- `icon`: Options display only an icon.
- `iconText`: Options display an icon and text side-by-side.
- `iconTextUnder`: Options display an icon above the text.

This setting is propagated to all child `<obc-toggle-button-option>` elements. */
    type?: ObcToggleButtonOptionType;
    /** The visual variant of the toggle button group.

- `regular` (default): Standard appearance with background and border.
- `flat`: Minimal style with no background or border.
- `normal`: Alternative style variant.

This setting is propagated to all child `<obc-toggle-button-option>` elements. */
    variant?: ObcToggleButtonOptionVariant;
    /** If true, the group shrinks to fit its content ("hug" the text) instead of stretching to fill the container.

This setting is propagated to all child `<obc-toggle-button-option>` elements. */
    hugText?: boolean;
    /** If true, the group is controlled by an external source.

When true, the group will not update its selection when the `value` property changes.

Defaults to false. */
    externalControl?: boolean;
    /** Disables the entire toggle button group and all contained options when true.

When disabled, no option can be selected or interacted with. */
    disabled?: boolean;
    /** If true, the group and all contained options use a larger size.

This setting is propagated to all child `<obc-toggle-button-option>` elements. */
    large?: boolean;
}
export interface Events {
    onValue?: (event: CustomEvent<{
        value: string;
        previousValue: string;
    }>) => void;
}
export interface Slots {
    children?: Snippet;
}
type $$ComponentProps = Props & Events & Slots;
declare const ObcToggleButtonGroup: import("svelte").Component<$$ComponentProps, {
    ObcToggleButtonOptionType: typeof ObcToggleButtonOptionType;
    ObcToggleButtonOptionVariant: typeof ObcToggleButtonOptionVariant;
}, "">;
type ObcToggleButtonGroup = ReturnType<typeof ObcToggleButtonGroup>;
export default ObcToggleButtonGroup;