import { AsProps, StyleProps } from '../../types';
import { PropsWithChildren } from 'react';

export declare enum TypographyVariants {
    caption = "caption",
    body = "body",
    subtitle = "subtitle",
    title = "title",
    headline = "headline",
    display = "display"
}
export type TypographyVariant = keyof typeof TypographyVariants;
type TypographyProps = PropsWithChildren<StyleProps & AsProps & {
    variant?: TypographyVariant;
}>;
export declare const typographyVariantStyle: {
    readonly title: {
        readonly fontSize: "18px";
        readonly fontWeight: 500;
        readonly lineHeight: "1.3rem";
        readonly letterSpacing: "normal";
    };
    readonly body: {
        readonly fontSize: "14px";
        readonly fontWeight: 400;
        readonly lineHeight: "1.5rem";
        readonly letterSpacing: "normal";
    };
    readonly headline: {
        readonly fontSize: "20px";
        readonly fontWeight: 500;
        readonly lineHeight: "1.3rem";
        readonly letterSpacing: "0.05rem";
    };
    readonly subtitle: {
        readonly fontSize: "16px";
        readonly fontWeight: 400;
        readonly lineHeight: "1.6rem";
        readonly letterSpacing: "0.02rem";
    };
    readonly caption: {
        readonly fontSize: "12px";
        readonly fontWeight: 400;
        readonly lineHeight: "1.4rem";
        readonly letterSpacing: "0.01rem";
    };
    readonly display: {
        readonly fontSize: "24px";
        readonly fontWeight: 500;
        readonly lineHeight: "1.2rem";
        readonly letterSpacing: "0.1rem";
    };
};
export declare const Typography: {
    ({ children, as, variant, whiteSpace, fontSize, fontWeight, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export {};