import { StoryObj } from '@storybook/react';
export declare const viewports: {
    mobile3: {
        name: string;
        styles: {
            height: string;
            width: string;
        };
        type: string;
    };
    desktop: {
        name: string;
        styles: {
            height: string;
            width: string;
        };
        type: string;
    };
};
interface StoryConfig {
    /**
     * Creates variations of the component for the current story. Some
     * padding is applied to the variants for spacing.
     *
     * - `default` adds just the story itself with some padding.
     * - `light` adds a light theme variant.
     * - `dark` adds a dark theme variant.
     * - `rtl` adds a right-to-left writing mode variant.
     * - `mobile` sets the default viewport for the Story with mobile
     *   dimensions and uses those dimensions for snapshots.
     *
     * @default undefined
     */
    variants?: ('default' | 'light' | 'dark' | 'rtl' | 'mobile' | '400%')[];
}
/**
 * Utility function for creating variants of a CSFv3 story.
 */
export declare const storyConfig: <Args>(storyObject: StoryObj<Args>, { variants }: StoryConfig) => StoryObj<Args>;
export {};
//# sourceMappingURL=story-config.d.ts.map