import type { ReactNode } from "react";
export type LegacyTypographyVariant = "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 TokenTypographyVariant = "text-3xl" | "text-2xl" | "text-xl" | "text-xl-bold" | "text-lg" | "text-lg-bold" | "text-base" | "text-base-bold" | "text-sm" | "text-sm-bold" | "text-sm-caps" | "text-xs" | "text-xs-bold" | "text-xs-caps" | "text-2xs-caps";
export type TypographyVariant = LegacyTypographyVariant | TokenTypographyVariant;
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;
    /** Accessible label forwarded to the underlying element. */
    "aria-label"?: string;
};
