import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
import { CheckboxValueType, Color } from "../../interface";
export declare class Checkbox implements ComponentInterface {
    private checkboxId;
    el: HTMLElement;
    keyFocus: boolean;
    hasFocus: boolean;
    /**
     * The color to use from your application's color palette.
     * Default options are: `'primary', 'primary_darkest', 'primary_darker', 'primary_dark', 'primary_light', 'primary_lighter', 'primary_lightest', 'neutral', 'neutral_darker', 'neutral_darkest', 'neutral_light', 'neutral_lighter', 'neutral_lightest', 'ruby', 'official', 'warning', 'error', 'success', 'success_light', 'mustard'`.
     * For more information on colors, see [theming](/docs/theming/basics).
     */
    color?: Color;
    /**
     * The name of the control.
     */
    name: string;
    /**
     * passed dynamically from parent to give proper labeled by aria
     */
    labeledById: string;
    /**
     * If `true`, the checkbox is selected.
     */
    checked: boolean;
    /**
     * If `true`, the user cannot interact with the checkbox.
     */
    disabled: boolean;
    /**
     * prevents default events and exposes new checked event
     */
    isExternallyManaged: boolean;
    /**
     * The value of the toggle does not mean if it's checked or not, use the `checked`
     * property for that.
     *
     * It's good to note here this is not a real input checkbox. The value is just an associated value you want with the checkbox
     */
    value: any;
    /**
     * Emitted when the checked property has changed.
     */
    luCheckboxChange: EventEmitter<CheckboxValueType>;
    /**
     * Emitted when the toggle has focus.
     */
    luFocus: EventEmitter<void>;
    /**
     * Emitted when the toggle loses focus.
     */
    luCheckboxBlur: EventEmitter<void>;
    luCheckboxClicked: EventEmitter<CheckboxValueType>;
    checkedChanged(): void;
    private onClick;
    private onKeyDown;
    private normalCheckedFlow;
    setCheckboxClasses: () => string;
    private onKeyUp;
    private onFocus;
    private onBlur;
    render(): any;
}