import * as React from 'react';
import { TypographyProps as MuiTypographyProps } from '@mui/material';
import { TypographyVariant } from '../../theme/Typography';
export type TypographyProps = Pick<MuiTypographyProps, 'noWrap' | 'sx' | 'children' | 'id' | 'className' | 'onMouseEnter' | 'onMouseLeave'> & {
    variant?: TypographyVariant;
    /**
     * Color of the text.
     */
    color?: string;
    /**
     * Whether the text is italic or not.
     */
    italic?: boolean;
    shimmer?: {
        startColor: string;
        endColor: string;
        duration?: number;
    };
    /**
     * The component to be used to render the text.
     * By default, it is a `span` element.
     */
    component?: React.ElementType;
};
/**
 * A component that displays text.
 */
declare const Typography: React.ForwardRefExoticComponent<Pick<MuiTypographyProps, "id" | "className" | "sx" | "children" | "onMouseEnter" | "onMouseLeave" | "noWrap"> & {
    variant?: TypographyVariant;
    /**
     * Color of the text.
     */
    color?: string;
    /**
     * Whether the text is italic or not.
     */
    italic?: boolean;
    shimmer?: {
        startColor: string;
        endColor: string;
        duration?: number;
    };
    /**
     * The component to be used to render the text.
     * By default, it is a `span` element.
     */
    component?: React.ElementType;
} & React.RefAttributes<unknown>>;
export default Typography;
