import React, { ReactNode, ElementType, CSSProperties } from 'react';
import { ThemeColors } from '../style/themeContext';
export declare type TypographyVariant = 'title' | 'h1' | 'h2' | 'h3' | 'body1' | 'body2' | 'subtitle1' | 'subtitle2';
export declare type TypographyTextAlign = 'left' | 'center' | 'right';
export declare type TypographyDisplay = 'block' | 'inline';
export declare type TypographySpacing = 'small' | 'large';
export interface TypographyProps {
    variant?: TypographyVariant;
    color?: keyof ThemeColors;
    align?: TypographyTextAlign;
    display?: TypographyDisplay;
    spacing?: TypographySpacing;
    ellipsize?: boolean;
    element?: ElementType<{
        className?: string;
    }>;
    children?: ReactNode;
}
export declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
export declare function elementForTypographyVariant(variant: TypographyVariant): "h1" | "h2" | "h3" | "p";
export declare function marginForTypographySpacing(spacing: TypographySpacing): string;
export declare function stylesForTypographyVariant(style: TypographyVariant): CSSProperties;
//# sourceMappingURL=typography.d.ts.map