import React, { type ElementType, type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactElement } from "react";
import { type VariantProps } from "class-variance-authority";
declare const typographyVariants: (props?: ({
    variant?: "body" | "caption" | "h1" | "h2" | "h3" | null | undefined;
    color?: "primary" | "success" | "secondary" | "danger" | null | undefined;
    align?: "center" | "left" | "right" | "justify" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type TypographyProps = VariantProps<typeof typographyVariants> & {
    text?: string;
    className?: string;
    children?: React.ReactNode;
};
type PolymorphicProps<C extends ElementType> = {
    as?: C;
} & TypographyProps & Omit<ComponentPropsWithoutRef<C>, keyof TypographyProps>;
type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>["ref"];
export type TypographyComponent = <C extends ElementType = "span">(props: PolymorphicProps<C> & {
    ref?: PolymorphicRef<C>;
}) => ReactElement | null;
/**
 * Needed to allow typings to be autocompleted when using `as="..."`
 * */
export declare const Typography: TypographyComponent;
export {};