import { TailwindElement } from '../../shared/tailwind-element';
export type CheckboxSize = 'x-small' | 'small' | 'medium';
export type CheckboxType = 'text' | 'profile';
export declare class LuksoCheckbox extends TailwindElement {
    name: string | undefined;
    id: string | undefined;
    ref: string | undefined;
    type: CheckboxType;
    size: CheckboxSize;
    label: string | undefined;
    description: string | undefined;
    error: string | undefined;
    checked: boolean;
    customClass: string | undefined;
    isReadonly: boolean;
    isDisabled: boolean;
    private hasFocus;
    private hasHighlight;
    private defaultContainerStyles;
    private defaultInputStyles;
    private defaultLabelStyles;
    private defaultCheckboxStyles;
    checkedIconTemplate(): unknown;
    checkboxTemplate(): unknown;
    inputTemplate(): import('lit-html').TemplateResult<1>;
    labelTemplate(): import('lit-html').TemplateResult<1>;
    profileUsernameTemplate(): import('lit-html').TemplateResult<1>;
    render(): import('lit-html').TemplateResult<1>;
    private handleChange;
    private handleMouseOver;
    private handleMouseOut;
}
declare global {
    interface HTMLElementTagNameMap {
        'lukso-checkbox': LuksoCheckbox;
    }
}
//# sourceMappingURL=index.d.ts.map