import React from "react";
import { type VariantProps } from "class-variance-authority";
declare const typographyVariants: (props?: ({
    variant?: "caption" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "jumbo" | "body1" | "body2" | "body3" | "nano" | null | undefined;
    weight?: "bold" | "medium" | "black" | "thin" | "extralight" | "light" | "normal" | "semibold" | "extrabold" | null | undefined;
    color?: "inherit" | "default" | "destructive" | "muted" | "primary" | null | undefined;
    lineClamp?: 1 | "none" | 3 | 2 | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
declare const Typography: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & VariantProps<(props?: ({
    variant?: "caption" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "jumbo" | "body1" | "body2" | "body3" | "nano" | null | undefined;
    weight?: "bold" | "medium" | "black" | "thin" | "extralight" | "light" | "normal" | "semibold" | "extrabold" | null | undefined;
    color?: "inherit" | "default" | "destructive" | "muted" | "primary" | null | undefined;
    lineClamp?: 1 | "none" | 3 | 2 | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
    asChild?: boolean;
    /**
     * Renders Typography as the given tag (e.g. `"code"`, `"span"`).
     * Use this when the rendered element only needs generic HTML
     * attributes — common for `<Trans>` templates and other
     * string-child consumers.
     *
     * For element-specific attributes (e.g. `href` on an anchor) prefer
     * `asChild` with a real element child, which gives full type
     * safety on that element's props.
     */
    as?: React.ElementType;
} & React.RefAttributes<HTMLElement>>;
export { Typography, typographyVariants };
