import React from "react";
import { ITypography, TColor } from "../../types";
type THeadings = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
type TText = "p" | "span";
type TAnchor = "a";
type TLabel = "label";
type TDiv = "div";
type TOtherText = "abbr" | "address" | "b" | "blockquote" | "caption" | "cite" | "code" | "del" | "dfn" | "em" | "figcaption" | "i" | "ins" | "kbd" | "legend" | "mark" | "pre" | "q" | "s" | "samp" | "small" | "strong" | "sub" | "summary" | "sup" | "u" | "var";
type TAvailableTags = THeadings | TText | TAnchor | TLabel | TDiv | TOtherText;
type TTypographyProps<T extends TAvailableTags | undefined> = {
    as?: T;
    children: React.ReactNode;
    variant?: keyof ITypography;
    styles?: React.CSSProperties;
    color?: TColor;
} & JSX.IntrinsicElements[T extends undefined ? "p" : T];
declare const Typography: <T extends TAvailableTags | undefined>({ as, variant, children, color, styles, ...props }: TTypographyProps<T>) => React.JSX.Element;
export default Typography;