import { LitElement } from 'lit';
declare const Toggle_base: (new (...args: any[]) => import("../common/mixins/FormAssociatedMixin.js").FormAssociatedMixinInterface) & (new (...args: any[]) => import("../common/mixins/InputMixin.js").InputMixinInterface) & (new (...args: any[]) => import("../common/mixins/FocusableMixin.js").FocusableMixinInterface) & typeof LitElement;
/**
 * Toggle switch gives control over a feature or option that can be
 * turned on or off. If a physical switch would work for the action, a
 * toggle is probably the best component to use.
 *
 * @status ready
 * @category form
 * @slot label - Use when a label requires more than plain text.
 * @slot hint - Optional slot that holds hint text for the input.
 * @slot error - Optional slot that holds error text for the input.
 *
 * @cssprop [--n-label-color=var(--n-color-text)] - Controls the text color of the label, using our [color tokens](/tokens/#color).
 */
export default class Toggle extends Toggle_base {
    static styles: import("lit").CSSResult[];
    protected get formValue(): string | undefined;
    /**
     * Controls whether the toggle is checked or not.
     */
    checked: boolean;
    /**
     * Controls whether the contents are displayed in reverse order,
     * putting the label before the toggle.
     */
    reverse: boolean;
    /**
     * The size of the toggle switch.
     */
    size: 's' | 'm' | 'l';
    render(): import("lit").TemplateResult<1>;
    protected handleChange(e: Event): void;
}
declare global {
    interface HTMLElementTagNameMap {
        'nord-toggle': Toggle;
    }
}
export {};