import { PropsWithChildren } from 'react';
interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
    /**
     * The HTML element to render the typography as
     * @default "p"
     */
    as?: "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "small" | "strong" | "div" | "em";
}
export interface TypographyNumberProps extends TypographyProps {
    variant?: "number";
    level?: 1 | 2 | 3 | 4 | 5;
}
export interface TypographyCommonProps extends TypographyProps {
    variant?: "heading" | "subtitle" | "body";
    level?: 1 | 2 | 3 | 4;
}
export interface TypographyLabelProps extends TypographyProps {
    variant?: "label";
    level?: 1 | 2;
}
export interface TypographyDisplayProps extends TypographyProps {
    variant?: "display";
    level?: 1;
}
export type TypographyComponentProps = TypographyNumberProps | TypographyCommonProps | TypographyLabelProps | TypographyDisplayProps;
export declare const typographyVariants: (props?: ({
    variant?: "number" | "heading" | "subtitle" | "body" | "label" | "display" | null | undefined;
    level?: 1 | 2 | 3 | 4 | 5 | 6 | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
declare const Typography: import('react').ForwardRefExoticComponent<PropsWithChildren<TypographyComponentProps> & import('react').RefAttributes<HTMLElement>>;
export { Typography };
export type { TypographyProps };