import { default as React } from 'react';
export interface ToggleProps {
    /**
     * Callback invoked with current active state (bool) as the function argument
     * when user changes the active state of the Toggle
     */
    onChange?: (isActive: boolean) => void;
    /** When set to `true`, the toggle will initially render as active */
    defaultActive?: boolean;
    /**
     * Sets active state of toggle; makes the component fully controlled.
     * When using `isActive` you **must** use the `onChange` callback
     * to update the active state of the toggle.
     */
    isActive?: boolean;
    /**
     * Shows a disabled state for the toggle when set to `true`.
     */
    disabled?: boolean;
    /**
     * Shows a loading state for the toggle when set to `true`.
     */
    isLoading?: boolean;
    /** Label element to render to the right of the toggle */
    label?: string;
    /** ID of element that labels the toggle control (e.g. `my-label-element`)*/
    labelledBy?: string;
    /** Optional value for `data-testid` attribute */
    testId?: string;
    /** Label for enabled state. Not displayed, used for screen readers. */
    enabledLabel?: string;
    /** Label for disabled state. Not displayed, used for screen readers. */
    disabledLabel?: string;
}
/**
 * Checkbox behavior with the visual treatment of a physical toggle switch.
 */
declare const Toggle: ({ defaultActive, isActive, disabled, isLoading, onChange, labelledBy, label, testId, enabledLabel, disabledLabel, }: ToggleProps) => React.JSX.Element;
export default Toggle;
//# sourceMappingURL=index.d.ts.map