import { type ComponentInterface, type EventEmitter } from "../../stencil-public-runtime";
declare const ScoutSwitch_base: abstract new (...args: any[]) => {
    validity?: string;
    scoutInputChange: EventEmitter<{
        value: string;
        element: HTMLElement;
    }>;
    scoutBlur: EventEmitter<void>;
    scoutValidate: EventEmitter<{
        value: string;
        element: HTMLElement;
    }>;
    _scoutValidityChanged: EventEmitter<{
        element: HTMLElement;
    }>;
    _scoutInvalid: EventEmitter<void>;
    _scoutFieldId: EventEmitter<string>;
    ariaId: string;
    "__#5@#inputElement": HTMLButtonElement | HTMLInputElement | HTMLOutputElement | HTMLSelectElement | HTMLTextAreaElement;
    componentWillLoad(): void;
    componentDidLoad(): void;
    onInput(): void;
    onBlur(): void;
    onInvalid(): void;
    emitValidityEvent(value?: string): void;
    runValidation(): void;
    setInputRef(el: HTMLButtonElement | HTMLInputElement | HTMLOutputElement | HTMLSelectElement | HTMLTextAreaElement | undefined): void;
};
/**
 * The switch component is used to toggle between two states, on and off.
 * Behaves like a checkbox. When used in a form, make sure to wrap it in a Field
 * component to display a label, help text, and error messages.
 */
export declare class ScoutSwitch extends ScoutSwitch_base implements ComponentInterface {
    /**
     * Indicates whether the switch is toggled on or off.
     */
    toggled: boolean;
    disabled: boolean;
    /**
     * Use this prop if you need to connect your switch with another element describing its use, other than the property label.
     */
    ariaLabelledby?: string;
    label?: string;
    scoutChecked: EventEmitter<{
        checked: boolean;
        element: HTMLInputElement;
    }>;
    onChange(event: Event): void;
    render(): any;
}
export {};