import { default as React } from 'react';
export interface ToggleProps {
    /**
     * Aria Label
     */
    ariaLabel: string;
    /**
     * Label text rendered next to toggle
     * ariaLabel should still be provided, because it is used for the screen readers.
     * Label is used for the visual label and hidden for screen-readers
     * Click on the label triggers the toggle
     */
    label?: React.ReactNode;
    /**
     * Possibility to add extra content after label. ExtraContent is not clickable like label
     */
    extraContent?: React.ReactNode;
    /**
     * Wrapper Classname
     */
    className?: string;
    /**
     * If the check is controlled from outside the components, use with onChange
     */
    checked?: boolean;
    /**
     * If the check is checked by default.
     * Ignored if checked is set
     */
    defaultChecked?: boolean;
    /**
     *  On change handler, value is the new value of the toggle
     */
    onChange?(value: boolean): void;
    /**
     * Size of the toggle
     * @default medium
     */
    size?: 'medium' | 'large';
    /**
     * Color of the toggle
     * @default default
     */
    color?: 'default' | 'alternative';
    /**
     * Type of the toggle
     */
    type?: 'ghost';
    /**
     * Should the toggle show lock icon.
     * Can be only used as large toggle
     */
    icon?: boolean;
    /**
     * If the toggle is disabled
     */
    disabled?: boolean;
    /**
     * If toggle is in loading state and should show spinner.
     * When isLoading is true, toggle does not trigger onChange event.
     * @default false
     */
    isLoading?: boolean;
}
export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
export default Toggle;