import type { ReactNode } from "react";
export type TypographyVariant = "display" | "heading" | "title" | "title-strong" | "body-large" | "body-large-strong" | "body" | "body-strong" | "label" | "label-strong" | "label-caps" | "caption" | "caption-strong" | "caption-caps" | "overline";
export type TypographyProps = {
    /** HTML element or custom intrinsic tag used for rendering. */
    as?: keyof JSX.IntrinsicElements;
    /** Typography token that controls font size, weight, and casing. */
    variant?: TypographyVariant;
    /** Custom class name appended to the typography element. */
    className?: string;
    /** Content rendered inside the typography element. */
    children: ReactNode;
};
