import type { TemplateResult, CSSResultArray } from 'lit';
import { FormElement } from '../base/form-element';
declare const PharosCheckbox_base: typeof FormElement;
/**
 * Pharos checkbox component.
 *
 * @tag pharos-checkbox
 *
 * @slot label - Contains the label content.
 * @slot message - Contains message content to show below the input.
 *
 * @fires change - Fires when the value has changed
 */
export declare class PharosCheckbox extends PharosCheckbox_base {
    /**
     * Indicates if checkbox is checked.
     * @attr checked
     */
    checked: boolean;
    /**
     * Indicates if checkbox is indeterminate.
     * @attr indeterminate
     */
    indeterminate: boolean;
    /**
     * Indicates the value for the input.
     * @attr value
     */
    value: string;
    /**
     * Indicates the checkbox is displayed on a dark background.
     * @attr is-on-background
     */
    isOnBackground: boolean;
    private _checkbox;
    private _defaultChecked;
    static get styles(): CSSResultArray;
    protected firstUpdated(): void;
    onChange(): void;
    _handleFormdata(event: CustomEvent): void;
    _handleFormReset(): void;
    private _handleClick;
    private _renderPath;
    private _handleMousedown;
    protected render(): TemplateResult;
}
export {};
//# sourceMappingURL=pharos-checkbox.d.ts.map