import React, { ReactNode } from "react";
import { TypographyProps as MuiTypographyProps } from "@material-ui/core/Typography";
import { TextColorTypes } from "@material-ui/core/styles/createPalette";
export declare const TypographyVariants: readonly ["headline1", "headline2", "heroParagraph", "heroParagraphBold", "highlighter", "highlighterBold", "paragraph", "description", "descriptionBold", "callout", "calloutBold", "supportingText"];
declare type TypographyVariant = typeof TypographyVariants[number];
export interface TypographyProps extends Omit<MuiTypographyProps, "color" | "variant"> {
    noWrap?: boolean;
    variant?: TypographyVariant;
    children?: string | number | JSX.Element | JSX.Element[] | ReactNode;
    display?: "initial" | "block" | "inline";
    align?: "inherit" | "left" | "center" | "right" | "justify";
    color?: keyof TextColorTypes;
    component?: React.ElementType;
    dangerouslySetInnerHTML?: MuiTypographyProps["dangerouslySetInnerHTML"];
}
declare const Typography: React.FC<TypographyProps>;
export default Typography;
