import { Story } from '@storybook/react';
declare const _default: {
    title: string;
    component: import("styled-components").StyledComponent<"p", any, import("./Text").TextProps, never>;
    argTypes: {
        theme: {
            table: {
                disable: boolean;
            };
        };
        forwardedAs: {
            table: {
                disable: boolean;
            };
        };
        ref: {
            table: {
                disable: boolean;
            };
        };
        color: {
            control: {
                type: string;
                options: readonly ["grey-0", "grey-1", "grey-2", "grey-3", "grey-4", "grey-5", "grey-6", "grey-7", "grey-7.5", "grey-8", "blue-0", "blue-1", "blue-2", "blue-3", "blue-4", "blue-4.5", "blue-5", "blue-6", "blue-7", "blue-8", "yellow-0", "yellow-1", "yellow-2", "yellow-3", "yellow-4", "yellow-5", "yellow-6", "yellow-7", "yellow-8", "teal-0", "teal-1", "teal-2", "teal-3", "teal-4", "teal-5", "teal-6", "teal-7", "teal-8", "red-0", "red-1", "red-2", "red-3", "red-4", "red-5", "red-6", "red-7", "red-8", "white-0", "black-0", "gold-0"];
            };
        };
        size: {
            control: {
                type: string;
                options: number[];
            };
        };
    };
};
export default _default;
export declare const Demo: Story<import("@storybook/react").Args>;
export declare const HeadingDemo: Story<import("@storybook/react").Args>;