import { LitElement } from 'lit';
/**
 * Checkbox input element
 * [docs](https://pyrojs.com/el/checkbox)
 *
 * ```html
 * <pyro-checkbox></pyro-checkbox>
 * ```
 *
 * @tag pyro-checkbox
 *
 * @event {InputEvent} input - emitted when the value changes
 *
 * @slot icon - icon for customized checkmark
 *
 * @cssprop [--pyro-checkbox-text-color = var(--pyro-text-color)] - checkmark `color`
 * @cssprop [--pyro-checkbox-surface-color = var(--pyro-surface-color)] - `background`
 * @cssprop [--pyro-checkbox-accent-color = var(--pyro-accent-color)] - checked `background`;
 * @cssprop [--pyro-checkbox-border = var(--pyro-border)] - `border`
 * @cssprop [--pyro-checkbox-border-radius = var(--pyro-border-radius)] - `border`
 * @cssprop [--pyro-checkbox-height = 1em] - `height`
 * @cssprop [--pyro-checkbox-width = 1em] - `width`
 * @cssprop [--pyro-checkbox-disabled-color = var(--pyro-disabled-color)] - disabled `background`
 *
 */
export declare class PyroCheckbox extends LitElement {
    static styles: import('lit').CSSResult;
    /** Checked */
    checked: boolean;
    /** Disabled */
    disabled: boolean;
    /** Value on element instance for referencing with js */
    value: boolean;
    _input: HTMLInputElement;
    handleClick: (e: Event) => void;
    connectedCallback(): void;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'pyro-checkbox': PyroCheckbox;
    }
}