import { type EventEmitter } from '../../stencil-public-runtime';
import type { SegmentedControlUpdateEventDetail } from './types';
import type { Theme } from '../../utils/styles';
/**
 * @component diwa-segmented-control
 *
 * Container that groups diwa-segmented-control-item children into a
 * mutually exclusive selection control. Tracks the active value and
 * propagates state down to items.
 *
 * Usage:
 *   <diwa-segmented-control value="week" onupdate={e => setView(e.detail.value)}>
 *     <diwa-segmented-control-item value="day">Day</diwa-segmented-control-item>
 *     <diwa-segmented-control-item value="week">Week</diwa-segmented-control-item>
 *     <diwa-segmented-control-item value="month">Month</diwa-segmented-control-item>
 *   </diwa-segmented-control>
 */
export declare class DiwaSegmentedControl {
    host: HTMLDiwaSegmentedControlElement;
    /** Per-component theme override. */
    theme: Theme;
    /** Currently selected item value. */
    value: string;
    /** Disables all items. */
    disabled: boolean;
    /** Smaller item sizing. */
    compact: boolean;
    /**
     * Emitted when the active item changes.
     */
    update: EventEmitter<SegmentedControlUpdateEventDetail>;
    handleItemSelect(event: CustomEvent<{
        value: string;
    }>): void;
    private hasLoaded;
    componentDidLoad(): void;
    onPropChange(): void;
    private syncChildren;
    render(): any;
}
//# sourceMappingURL=diwa-segmented-control.d.ts.map