import { LitElement } from 'lit';
export interface SegmentedOption {
    value: string;
    label?: string;
    icon?: string;
    disabled?: boolean;
    tooltip?: string;
}
/**
 * Segmented Control — a iOS/Material-style button segmented selector.
 *
 * @fires change - Fired when selection changes. detail: { value }
 *
 * @csspart segment - Each individual segment button
 * @csspart thumb   - The sliding selection indicator
 */
export declare class UISegmentedControl extends LitElement {
    static styles: import("lit").CSSResult;
    /** Currently selected value */
    value: string;
    /** Array of segment options */
    options: SegmentedOption[];
    /** Size variant */
    size: 'sm' | 'md' | 'lg';
    /** Active segment color */
    color: 'default' | 'primary' | 'success' | 'danger';
    /** Stretch to fill container */
    fullWidth: boolean;
    /** Disabled */
    disabled: boolean;
    private _select;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-segmented-control': UISegmentedControl;
    }
}
//# sourceMappingURL=segmented-control.d.ts.map