import { type ComponentInterface, type EventEmitter } from "../../stencil-public-runtime";
declare const ScoutCheckbox_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 checkbox component is used to let users select one or more options from a
 * set. For toggling a single option, consider using the Switch component
 * instead. 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 ScoutCheckbox extends ScoutCheckbox_base implements ComponentInterface {
    checked: boolean;
    disabled: boolean;
    /**
     * Use this prop if you need to connect your checkbox with another element describing its use, other than the property label.
     */
    ariaLabelledby?: string;
    label?: string;
    value?: string;
    name?: string;
    scoutChecked: EventEmitter<{
        checked: boolean;
        element: HTMLInputElement;
    }>;
    onChange(event: Event): void;
    render(): any;
}
export {};