import { FontSizeProperty } from 'csstype';
import { CSSProperties } from 'react';
import { Pallete } from './createPallete';
export type FontSize = FontSizeProperty<string> | number;
export type TypographyVariant = 'main' | 'secondary' | 'disabled' | 'link' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
export interface Typography {
    fontFamily: string;
    lineHeight: string;
    sizes: {
        html: number;
        text: FontSize;
        button: FontSize;
    };
    variant(variant: TypographyVariant): CSSProperties;
}
export type TypographyConfig = Partial<typeof defaultTypographyConfig>;
export declare const defaultTypographyConfig: {
    fontFamily: string;
    lineHeight: string;
    sizes: {
        html: number;
        text: string;
        button: string;
    };
};
export declare const createTypography: (pallete: Pallete, customConfig?: TypographyConfig) => Typography;