import { StoryObj } from '@storybook/react';
import { default as Typography } from '../Typography';
declare const meta: {
    component: typeof Typography;
    title: string;
    parameters: {
        docs: {
            description: {
                component: string;
            };
        };
    };
    argTypes: {
        variant: {
            description: string;
            control: {
                type: "select";
            };
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
        elType: {
            description: string;
            control: {
                type: "select";
            };
            type: {
                name: "string";
                required: false;
            };
            options: (string | undefined)[];
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
        fontWeight: {
            description: string;
            control: {
                type: "text";
            };
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
        lineHeight: {
            description: string;
            control: {
                type: "text";
            };
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
        letterSpacing: {
            description: string;
            control: {
                type: "text";
            };
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
        className: {
            description: string;
            control: {
                type: "text";
            };
        };
        htmlFor: {
            description: string;
            control: {
                type: "text";
            };
        };
        themeType: {
            description: string;
            control: {
                type: "select";
            };
            options: ("primary" | "accent" | "secondary" | "info" | "success" | "warning" | "error" | "transparent" | undefined)[];
            table: {
                defaultValue: {
                    summary: "primary" | "accent" | "secondary" | "info" | "success" | "warning" | "error" | "transparent";
                };
            };
        };
        layer: {
            description: string;
            control: {
                type: "range";
                min: number;
                max: number;
            };
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
    };
};
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Primary: Story;
export declare const DisplayHero: Story;
export declare const DisplayHeadline: Story;
export declare const DisplayTitle: Story;
export declare const SectionTitle: Story;
export declare const SectionSubtitle: Story;
export declare const SectionSubsectionTitle: Story;
export declare const BodytextLg: Story;
export declare const BodytextMd: Story;
export declare const BodytextSm: Story;
export declare const SubTextCaption: Story;
export declare const SubTextFootnote: Story;
export declare const SubTextLegal: Story;
export declare const InteractiveLg: Story;
export declare const InteractiveMd: Story;
export declare const InteractiveSm: Story;