interface IFontSizes {
    sm: Number;
    md: Number;
    lg: Number;
}
export declare function remToPx(value: string): number;
export declare function pxToRem(value: any): string;
export declare function responsiveFontSizes({ sm, md, lg }: IFontSizes): {
    '@media (min-width:600px)': {
        fontSize: string;
    };
    '@media (min-width:900px)': {
        fontSize: string;
    };
    '@media (min-width:1200px)': {
        fontSize: string;
    };
};
declare const typography: {
    fontFamily: string;
    fontWeightRegular: number;
    fontWeightMedium: number;
    fontWeightBold: number;
    h1: {
        '@media (min-width:600px)': {
            fontSize: string;
        };
        '@media (min-width:900px)': {
            fontSize: string;
        };
        '@media (min-width:1200px)': {
            fontSize: string;
        };
        fontWeight: number;
        lineHeight: number;
        fontSize: string;
    };
    h2: {
        '@media (min-width:600px)': {
            fontSize: string;
        };
        '@media (min-width:900px)': {
            fontSize: string;
        };
        '@media (min-width:1200px)': {
            fontSize: string;
        };
        fontWeight: number;
        lineHeight: number;
        fontSize: string;
    };
    h3: {
        '@media (min-width:600px)': {
            fontSize: string;
        };
        '@media (min-width:900px)': {
            fontSize: string;
        };
        '@media (min-width:1200px)': {
            fontSize: string;
        };
        fontWeight: number;
        lineHeight: number;
        fontSize: string;
    };
    h4: {
        '@media (min-width:600px)': {
            fontSize: string;
        };
        '@media (min-width:900px)': {
            fontSize: string;
        };
        '@media (min-width:1200px)': {
            fontSize: string;
        };
        fontWeight: number;
        lineHeight: number;
        fontSize: string;
    };
    h5: {
        '@media (min-width:600px)': {
            fontSize: string;
        };
        '@media (min-width:900px)': {
            fontSize: string;
        };
        '@media (min-width:1200px)': {
            fontSize: string;
        };
        fontWeight: number;
        lineHeight: number;
        fontSize: string;
    };
    h6: {
        '@media (min-width:600px)': {
            fontSize: string;
        };
        '@media (min-width:900px)': {
            fontSize: string;
        };
        '@media (min-width:1200px)': {
            fontSize: string;
        };
        fontWeight: number;
        lineHeight: number;
        fontSize: string;
    };
    subtitle1: {
        fontWeight: number;
        lineHeight: number;
        fontSize: string;
    };
    subtitle2: {
        fontWeight: number;
        lineHeight: number;
        fontSize: string;
    };
    body1: {
        lineHeight: number;
        fontSize: string;
    };
    body2: {
        lineHeight: number;
        fontSize: string;
    };
    caption: {
        lineHeight: number;
        fontSize: string;
    };
    overline: {
        fontWeight: number;
        lineHeight: number;
        fontSize: string;
        textTransform: string;
    };
    button: {
        fontWeight: number;
        lineHeight: number;
        fontSize: string;
        textTransform: string;
    };
};
export default typography;