import * as React from 'react';
import { ColorVariant, WeightVariant } from '~/components/atoms/types';
import { StyleConstant } from '~/typeUtilities';
export declare const Typography: React.SFC<{
    align?: Align;
    sizeVariant?: SizeVariant;
    colorVariant?: ColorVariant;
    weightVariant?: WeightVariant;
    styleVariant?: StyleVariant;
    fontFamilyVariant?: FontFamilyVariant;
    isInteractive?: boolean;
    className?: string;
    link?: string;
} & React.PropsWithoutRef<JSX.IntrinsicElements['span']>>;
export declare const StyledTypography: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
    align: string;
    isInteractive: boolean;
    colorVariant: ColorVariant;
    fontFamilyVariant: "title" | "default" | "monospace";
    weightVariant: WeightVariant;
    sizeVariant: SizeVariant;
    manualTheme: {
        colors: {
            background: string;
            transparent: string;
            inherit: string;
            core: {
                cs1: string;
                cs2: string;
                cs3: string;
                cs4: string;
                cs5: string;
                cs6: string;
                cs7: string;
                cs8: string;
                cs9: string;
            };
            accent: {
                cs1: string;
                cs2: string;
                cs3: string;
                cs4: string;
                cs5: string;
                cs6: string;
                cs7: string;
                cs8: string;
                cs9: string;
            };
            neutral: {
                cs1: string;
                cs2: string;
                cs3: string;
                cs4: string;
                cs5: string;
                cs6: string;
                cs7: string;
                cs8: string;
                cs9: string;
            };
            success: {
                cs1: string;
                cs2: string;
                cs3: string;
                cs4: string;
                cs5: string;
                cs6: string;
                cs7: string;
                cs8: string;
                cs9: string;
            };
            warning: {
                cs1: string;
                cs2: string;
                cs3: string;
                cs4: string;
                cs5: string;
                cs6: string;
                cs7: string;
                cs8: string;
                cs9: string;
            };
            danger: {
                cs1: string;
                cs2: string;
                cs3: string;
                cs4: string;
                cs5: string;
                cs6: string;
                cs7: string;
                cs8: string;
                cs9: string;
            };
        };
        transitions: {
            fast: string;
            medium: string;
            slow: string;
            durations: {
                fast: number;
                medium: number;
                slow: number;
            };
            transitionTimingFunction: string;
        };
        boxShadow: {
            bs1: string;
            bs2: string;
            bs3: string;
            bs4: string;
            bs5: string;
        };
        defaultShowBoxShadow: boolean;
        border: {
            borderRadius: {
                br1: string;
                br2: string;
            };
            borderStyle: {
                bs1: string;
                bs2: string;
                bs3: string;
            };
        };
        typography: {
            fontSizes: {
                fs1: string;
                fs2: string;
                fs3: string;
                fs4: string;
                fs5: string;
                fs6: string;
                fs7: string;
                fs8: string;
                fs9: string;
                fs10: string;
                fs11: string;
            };
            fontFamily: {
                default: string;
                title: string;
                monospace: string;
            };
            fontWeights: {
                fw5: number;
                fw7: number;
                fw9: number;
            };
            lineHeight: {
                default: "ss1" | "ss2" | "ss3" | "ss4" | "ss6" | "ss8" | "ss12" | "ss16" | "ss24" | "ss32" | "ss48" | "ss64" | "ss96" | "ss128" | "ss160" | "ss192";
            };
        };
        spacing: {
            ss1: string;
            ss2: string;
            ss3: string;
            ss4: string;
            ss6: string;
            ss8: string;
            ss12: string;
            ss16: string;
            ss24: string;
            ss32: string;
            ss48: string;
            ss64: string;
            ss96: string;
            ss128: string;
            ss160: string;
            ss192: string;
        };
        horizontalWidth: {
            paragraph: "ss1" | "ss2" | "ss3" | "ss4" | "ss6" | "ss8" | "ss12" | "ss16" | "ss24" | "ss32" | "ss48" | "ss64" | "ss96" | "ss128" | "ss160" | "ss192";
        };
        icons: {
            iconSizes: {
                is1: string;
                is2: string;
                is3: string;
                is4: string;
            };
            defaultIconSizeVariant: import("..").IconSizeVariant;
            defaultIconColorVariant: ColorVariant;
        };
        appSettings: {
            githubUrl: string;
            linkedInUrl: string;
            portfolioUrl: string;
            appName: string;
        };
    };
    styleVariant?: "h1" | "h2" | "h3" | undefined;
}, never>;
declare type Align = 'inherit' | 'left' | 'center' | 'right' | 'justify' | 'default';
declare type SizeVariant = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
declare type FontFamilyVariant = keyof StyleConstant<'typography'>['fontFamily'];
declare type StyleVariant = 'h1' | 'h2' | 'h3';
export {};