import React, { CSSProperties } from 'react';
export declare const TypographyVariants: readonly ["h1", "h2", "h3", "h4", "p", "date", "span", "link", "button", "bigButton", "itemOrAuthor", "input", "label", "optional", "error", "success", "pill", "byLine", "cellText", "cellTextBold", "cellTextRegular", "smallUIText", "xSmallUIText", "buttonSmallText", "chartPoint", "normal-700-15/40-fira", "normal-700-24/24-fira", "normal-700-24/30-fira", "normal-bold-15/40-fira", "normal-700-15/24-fira", "normal-normal-15/24-fira", "normal-700-14/30-fira", "normal-700-13/26-fira", "normal-bold-13/24-fira", "normal-bold-10/12-fira", "normal-700-10/10-fira", "normal-700-15-fira", "normal-400-10/16-fira", "normal-400-10/12-fira", "normal-400-13/18-fira", "normal-700-13/18-fira", "normal-700-18/23-fira", "normal-700-15/18-fira", "normal-400-15/21-fira", "normal-400-15/24-fira", "normal-500-15/24-fira", "queryBuilder", "fira", "firaMono", "tooltipLabel", "menuText", "buttonText"];
export type TypographyProps = {
    [x: string]: unknown;
    /**
     * What htmlElement to show as. E.g h1, h2, h3, nav, etc...
     */
    as?: React.ElementType;
    /**
     * @description Pass extra compiled classes and styles through here. These should be strings that will be in the compiled css.
     * @type {string}
     * @deprecated use `className` instead
     */
    classes?: string;
    /**
     * Color inherits by default. Pass a new color if needed.
     */
    color?: string;
    dangerouslySetInnerHTML?: React.DOMAttributes<any>['dangerouslySetInnerHTML'];
    /**
     * Add ellipsis style
     */
    isEllipsis?: boolean;
    /**
     * highlight the text
     */
    isHighlighted?: boolean;
    /**
     * maximum number of lines for text
     */
    linesCount?: number;
    /**
     * Pass any additional inline styles here that will override classnames.
     */
    style?: CSSProperties;
    /**
     * This is the current variants we can use. It defaults to the html element if null or not provided.
     * Note: Any 'as' element not defined in the variant defaults to normal 'p' styling.
     * Caveat: 'button' is excluded as a casting type since this only styles the font and not the button itself.
     */
    variant?: (typeof TypographyVariants)[number] | null;
} & React.HTMLProps<HTMLElement>;
export declare const Typography: ({ as, variant, classes, style, children, color, isEllipsis, linesCount, dangerouslySetInnerHTML, className, isHighlighted, ...props }: TypographyProps) => JSX.Element;
