import React from "react";
import type { ForwardedRef, HTMLAttributes, ReactElement, ReactNode } from "react";
import { type PopoverProps } from "./popover";
export type TypographyVariant = "xs" | "sm" | "base" | "lg" | "xl" | "h1" | "h2" | "h3" | "h4";
export interface BaseTypographyProps {
    variant?: TypographyVariant;
    weight?: "normal" | "medium" | "bold";
    uppercase?: boolean;
    truncate?: boolean;
    className?: {
        root?: string;
        truncatedTextPopover?: PopoverProps["className"];
    };
    children: ReactNode;
}
export type HTMLElementFromVariant<V extends TypographyVariant> = V extends "h4" | "h3" | "h2" | "h1" ? HTMLHeadingElement : HTMLParagraphElement;
export type TypographyProps<V extends TypographyVariant = TypographyVariant> = Omit<HTMLAttributes<HTMLElementFromVariant<V>>, keyof BaseTypographyProps> & BaseTypographyProps;
declare const Component: <V extends TypographyVariant>({ variant, weight, uppercase, truncate, className, children, ...rest }: TypographyProps<V>, ref: React.ForwardedRef<HTMLElementFromVariant<V>>) => ReactElement;
export declare const Typography: <V extends TypographyVariant>(props: Omit<React.HTMLAttributes<HTMLElementFromVariant<V>>, keyof BaseTypographyProps> & BaseTypographyProps & {
    ref?: React.ForwardedRef<HTMLElementFromVariant<V>> | undefined;
}) => ReturnType<typeof Component>;
export {};
//# sourceMappingURL=typography.d.ts.map