import { LitElement } from 'lit';
declare const ToggleButton_base: (new (...args: any[]) => import("../../../common/mixins/form-input").FormMixinInterface) & typeof LitElement;
/**
 * Toggle Button.
 * @fires on-change - Emits the change event. `detail:{ origEvent: Event, checked: boolean, value: string }`
 * @slot tooltip - Slot for tooltip.
 * @attr {string} [value=''] - The value of the input.
 * @attr {string} [name=''] - The name of the input, used for form submission.
 */
export declare class ToggleButton extends ToggleButton_base {
    static styles: import("lit").CSSResult;
    /** Label text. */
    accessor label: string;
    /** Checkbox checked state. */
    accessor checked: boolean;
    /** Checked state text. */
    accessor checkedText: string;
    /** Unchecked state text. */
    accessor uncheckedText: string;
    /** Option to use small size. */
    accessor small: boolean;
    /** Checkbox disabled state. */
    accessor disabled: boolean;
    /** Toggle read-only state (non-modifiable but focusable). */
    accessor readonly: boolean;
    /** Reverse UI element order, label on the left. */
    accessor reverse: boolean;
    /** Hides the label visually. */
    accessor hideLabel: boolean;
    /**
     * Queries the <input> DOM element.
     * @internal
     */
    accessor _inputEl: HTMLInputElement;
    render(): import("lit-html").TemplateResult<1>;
    private handleClick;
    private handleChange;
    private handleKeyDown;
    updated(changedProps: Map<string, unknown>): void;
    private _validate;
}
declare global {
    interface HTMLElementTagNameMap {
        'kyn-toggle-button': ToggleButton;
    }
}
export {};
//# sourceMappingURL=toggleButton.d.ts.map