import { default as React } from 'react';
export declare const predefinedArgTypes: {
    boolean: {
        defaultValue: undefined;
        options: string[];
        mapping: Readonly<{
            true: true;
            false: false;
        }>;
    };
    string: {
        defaultValue: undefined;
        options: string[];
        mapping: Readonly<{
            '""': "";
            '"Lorem ipsum"': "Lorem ipsum";
            '"Lorem ipsum" (M)': "Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
            '"Lorem ipsum" (L)': "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas scelerisque, ante a dictum fringilla, nisi sapien fermentum lorem, at malesuada risus quam ut purus.";
            '"Lorem ipsum" (paragraph)': "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas scelerisque, ante a dictum fringilla, nisi sapien fermentum lorem, at malesuada risus quam ut purus. Vivamus eu tortor eget augue venenatis iaculis vel vitae ipsum. Suspendisse potenti. Phasellus pulvinar dolor at tortor bibendum, ac pretium nunc interdum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam hendrerit, enim et convallis pellentesque, tellus nibh bibendum leo, eu tristique est quam et est. Cras rutrum viverra euismod. Pellentesque diam mauris, lobortis id eros non, scelerisque fringilla arcu.";
        }>;
    };
    numeric: {
        defaultValue: undefined;
        options: string[];
        mapping: Readonly<{
            '0': 0;
            '1': 1;
            '-1': -1;
            '100 000 000': 100000000;
            '1234.45': 1234.45;
        }>;
    };
    typography: {
        defaultValue: undefined;
        options: string[];
        mapping: Readonly<{
            '<H1 />': React.JSX.Element;
            '<H1 super long />': React.JSX.Element;
            '<H2 />': React.JSX.Element;
            '<H3 />': React.JSX.Element;
            '<H4 />': React.JSX.Element;
            '<H5 />': React.JSX.Element;
            '<Text>Lorem ipsum</Text>': React.JSX.Element;
            '<Text>Lorem ipsum</Text> (M)': React.JSX.Element;
            '<Text>Lorem ipsum</Text> (L)': React.JSX.Element;
            '<Text>Lorem ipsum</Text> (paragraph)': React.JSX.Element;
        }>;
    };
    button: {
        defaultValue: undefined;
        options: string[];
        mapping: Readonly<{
            '<Button>Hi</Button>': React.JSX.Element;
            '<Button variant="primary">Hello world</Button>': React.JSX.Element;
            '<Button variant="secondary">Hello world</Button>': React.JSX.Element;
            '<Tag>Hello world</Tag>': React.JSX.Element;
        }>;
    };
    tag: {
        defaultValue: undefined;
        options: string[];
        mapping: Readonly<{
            '<Tag type="success">Hello world</Tag>': React.JSX.Element;
            '<Tag type="notice">Hello world</Tag>': React.JSX.Element;
            '<Tag type="alert">Hello world</Tag>': React.JSX.Element;
            '<Tag type="error">Hello world</Tag>': React.JSX.Element;
        }>;
    };
    ReactNode: {
        defaultValue: undefined;
        options: string[];
        mapping: Readonly<{
            '<Tag type="success">Hello world</Tag>': React.JSX.Element;
            '<Tag type="notice">Hello world</Tag>': React.JSX.Element;
            '<Tag type="alert">Hello world</Tag>': React.JSX.Element;
            '<Tag type="error">Hello world</Tag>': React.JSX.Element;
            '<Button>Hi</Button>': React.JSX.Element;
            '<Button variant="primary">Hello world</Button>': React.JSX.Element;
            '<Button variant="secondary">Hello world</Button>': React.JSX.Element;
            '<Tag>Hello world</Tag>': React.JSX.Element;
            '<H1 />': React.JSX.Element;
            '<H1 super long />': React.JSX.Element;
            '<H2 />': React.JSX.Element;
            '<H3 />': React.JSX.Element;
            '<H4 />': React.JSX.Element;
            '<H5 />': React.JSX.Element;
            '<Text>Lorem ipsum</Text>': React.JSX.Element;
            '<Text>Lorem ipsum</Text> (M)': React.JSX.Element;
            '<Text>Lorem ipsum</Text> (L)': React.JSX.Element;
            '<Text>Lorem ipsum</Text> (paragraph)': React.JSX.Element;
            '""': "";
            '"Lorem ipsum"': "Lorem ipsum";
            '"Lorem ipsum" (M)': "Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
            '"Lorem ipsum" (L)': "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas scelerisque, ante a dictum fringilla, nisi sapien fermentum lorem, at malesuada risus quam ut purus.";
            '"Lorem ipsum" (paragraph)': "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas scelerisque, ante a dictum fringilla, nisi sapien fermentum lorem, at malesuada risus quam ut purus. Vivamus eu tortor eget augue venenatis iaculis vel vitae ipsum. Suspendisse potenti. Phasellus pulvinar dolor at tortor bibendum, ac pretium nunc interdum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam hendrerit, enim et convallis pellentesque, tellus nibh bibendum leo, eu tristique est quam et est. Cras rutrum viverra euismod. Pellentesque diam mauris, lobortis id eros non, scelerisque fringilla arcu.";
            '0': 0;
            '1': 1;
            '-1': -1;
            '100 000 000': 100000000;
            '1234.45': 1234.45;
            true: true;
            false: false;
            undefined: undefined;
        }>;
        table: {
            type: {
                summary: string;
            };
        };
        type: {
            required: false;
            name: "other";
            value: string;
        };
    };
};
export declare function generateSvgPlaceholder(width: number, height?: number): string;