import { PropertyValueMap } from "lit";
import { FRoot } from "../../mixins/components/f-root/f-root";
import { FDiv } from "../f-div/f-div";
export type FCheckboxState = "primary" | "default" | "success" | "warning" | "danger";
export type FCheckboxCustomEvent = {
    value: string;
};
export declare class FCheckbox extends FRoot {
    /**
     * css loaded from scss file
     */
    static styles: import("lit").CSSResult[];
    /**
     * @attribute Value of a checkbox defines if it is selected, unselected or indeterminate.
     */
    value?: "checked" | "unchecked" | "indeterminate";
    /**
     * @attribute States are used to communicate purpose and connotations. State of an checkbox is controlled by its wrapper f-field.
     */
    state?: FCheckboxState;
    /**
     * @attribute f-checkbox can have 2 sizes.
     */
    size?: "small" | "medium";
    /**
     * @attribute disables the input element
     */
    disabled?: boolean;
    slotWrapper: FDiv;
    innerCheckbox: HTMLInputElement;
    /**
     * emit event.
     */
    handleInput(e: InputEvent | KeyboardEvent): void;
    protected willUpdate(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
    render(): import("lit-html").TemplateResult<1>;
    protected updated(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
    checkSlots(): void;
}
/**
 * Required for typescript
 */
declare global {
    interface HTMLElementTagNameMap {
        "f-checkbox": FCheckbox;
    }
}
