import { LitElement } from 'lit';
import '../../icons/icon-check-google.js';
import '../../icons/icon-close-google.js';
import '../toggle-button-group/toggle-button-group.js';
export declare enum ObcToggleButtonThreeStateValue {
    noInput = "no-input",
    success = "success",
    error = "error"
}
export type ObcToggleButtonThreeStateChangeEvent = CustomEvent<{
    state: ObcToggleButtonThreeStateValue;
}>;
/**
 * `<obc-toggle-button-three-state>` – A three-state segmented control for no input, success, and error.
 *
 * Provides a fixed three-option toggle with icon-only segments:
 * - Error (X)
 * - No input (dot)
 * - Success (check)
 *
 * The component manages its own `state` and emits a `change` event when the
 * selection changes. Use `disabled` to make it non-interactive.
 *
 * @fires change {ObcToggleButtonThreeStateChangeEvent} Fired when the state changes.
 */
export declare class ObcToggleButtonThreeState extends LitElement {
    /**
     * Current state of the toggle.
     */
    state: ObcToggleButtonThreeStateValue;
    /**
     * Disables interaction when true.
     */
    disabled: boolean;
    private updateState;
    private isValidState;
    private handleValueChange;
    render(): import('lit-html').TemplateResult<1>;
    static styles: import('lit').CSSResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'obc-toggle-button-three-state': ObcToggleButtonThreeState;
    }
}
//# sourceMappingURL=toggle-button-three-state.d.ts.map