import React from 'react';
type TypographyProps = {
    id?: string;
    text?: React.ReactNode;
    funcss?: string;
    bg?: string;
    color?: string;
    hoverBg?: string;
    hoverText?: string;
    monospace?: boolean;
    emp?: boolean;
    bold?: boolean;
    block?: boolean;
    body?: boolean;
    article?: boolean;
    light?: boolean;
    lighter?: boolean;
    italic?: boolean;
    underline?: boolean;
    weight?: number;
    quote?: boolean;
    align?: "left" | "center" | "right" | "justify";
    lineHeight?: string;
    letterSpacing?: string;
    uppercase?: boolean;
    lowercase?: boolean;
    capitalize?: boolean;
    textDecoration?: "none" | "underline" | "overline" | "line-through";
    textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
    whiteSpace?: "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap";
    wordBreak?: "normal" | "break-all" | "keep-all" | "break-word";
    fontFamily?: string;
    textShadow?: string;
    textAlign?: "left" | "center" | "right" | "justify";
    opacity?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
    zIndex?: number;
    truncate?: number;
    transform?: string;
    customStyles?: React.CSSProperties;
    onClick?: () => void;
    children?: React.ReactNode;
    size?: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
};
declare const Text: React.FC<TypographyProps>;
export default Text;