import { StoryObj } from '@storybook/react-webpack5';
export declare const viewports: {
    mobile3: {
        name: string;
        styles: {
            height: string;
            width: string;
        };
        type: string;
    };
    desktop: {
        name: string;
        styles: {
            height: string;
            width: string;
        };
        type: string;
    };
    mobile1: {
        readonly name: "Small mobile";
        readonly styles: {
            readonly height: "568px";
            readonly width: "320px";
        };
        readonly type: "mobile";
    };
    mobile2: {
        readonly name: "Large mobile";
        readonly styles: {
            readonly height: "896px";
            readonly width: "414px";
        };
        readonly type: "mobile";
    };
    tablet: {
        readonly name: "Tablet";
        readonly styles: {
            readonly height: "1112px";
            readonly width: "834px";
        };
        readonly type: "tablet";
    };
};
export 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' | 'bright-green' | 'forest-green' | 'business' | 'business--forest-green' | 'business--bright-green' | 'platform' | 'platform--forest-green' | 'rtl' | 'mobile' | '400%')[];
}
/**
 * Utility function for creating variants of a CSFv3 story.
 */
export declare const storyConfig: <Args>(storyObject: StoryObj<Args>, { variants }: StoryConfig) => StoryObj<Args>;
//# sourceMappingURL=story-config.d.ts.map