import type { StoryObj } from '@storybook/react';
import { StorybookControlCategory } from '../../../../scalars/lib/storybook-arg-types.js';
import { Toggle } from './toggle.js';
/**
 * The `Toggle` component provides a simple on/off control similar to a light switch.
 * It is based on Radix UI's Switch component and styled according to the design system.
 *
 * The component supports different states such as on (checked), off (unchecked), disabled,
 * and can display error states. It also supports labels, descriptions, and validation messages.
 *
 * > **Note:** This component does not have built-in validation. If you need built-in validation
 * > you can use the [BooleanField](?path=/docs/scalars-boolean-field--readme)
 * > component and set the `isToggle` prop to `true`.
 */
declare const meta: {
    title: string;
    component: import("react").ForwardRefExoticComponent<import("./toggle.js").ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
    parameters: {
        layout: string;
        chromatic: {
            disableSnapshot: boolean;
        };
    };
    tags: string[];
    argTypes: {
        optionalLabel: {
            control: "text";
            description: string;
            table: {
                category: StorybookControlCategory;
            };
        };
        viewMode: {
            control: "select";
            description: string;
            options: string[];
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
                category: StorybookControlCategory;
            };
        };
        baseValue: {
            control: "boolean";
            description: string;
            table: {
                category: StorybookControlCategory;
            };
        };
    };
};
export default meta;
type Story = StoryObj<typeof Toggle>;
export declare const Default: Story;
export declare const Checked: Story;
export declare const WithDescription: Story;
export declare const Required: Story;
export declare const Disabled: Story;
export declare const WithErrors: Story;
export declare const WithWarnings: Story;
export declare const WithErrorsAndWarnings: Story;
export declare const WithDifferencesAddition: Story;
export declare const WithDifferencesRemoval: Story;
//# sourceMappingURL=toggle.stories.d.ts.map