import React from "react";
import { TypographyProps as MuiTypographyProps } from "@mui/material/Typography";
import { ReadingColorVariant } from "../theme/colors";
export declare const TypographyVariants: readonly ["hero", "h1", "h2", "h3", "h4", "h5", "h6", "heroParagraph", "title1", "title2", "title3", "title4", "title5", "button1", "button2", "button3", "button4", "supporting", "supportingBold", "subtitle1", "subtitle1Bold", "subtitle2", "subtitle2Bold", "subtitle3", "subtitle3Bold", "subtitle4", "subtitle4Bold", "description", "descriptionBold", "callout", "calloutBold", "caption", "captionBold"];
declare type TypographyVariant = typeof TypographyVariants[number];
export interface TypographyProps extends Omit<MuiTypographyProps, "color" | "variant"> {
    noWrap?: boolean;
    display?: "initial" | "block" | "inline";
    component?: React.ElementType;
    dangerouslySetInnerHTML?: MuiTypographyProps["dangerouslySetInnerHTML"];
    variant: TypographyVariant;
    color?: ReadingColorVariant;
}
declare const Typography: React.FC<TypographyProps>;
export default Typography;