import React, { CSSProperties, MouseEventHandler } from 'react';
export interface ITypography {
    onClick?: MouseEventHandler;
    /** Optional passed classname. */
    className?: string;
    /** Content specified as children. */
    children: React.ReactNode;
    /** Id */
    id?: string;
    /** force making text ellipsis, default to true */
    isTextEllipsis?: boolean;
    /** Passed inline styles */
    style?: CSSProperties;
    /** Defined type of typography, default is body1, mx is used for multiple line */
    type?: 'h1' | 'h2' | 'h3' | 'h4' | 'body1' | 'body2' | 'caption';
    passedRef?: React.RefObject<HTMLHeadingElement>;
}
export declare const STYLED_MAP: {
    h1: import("styled-components").StyledComponent<"h1", any, {
        isTextEllipsis?: boolean | undefined;
    }, never>;
    h2: import("styled-components").StyledComponent<"h2", any, {
        isTextEllipsis?: boolean | undefined;
    }, never>;
    h3: import("styled-components").StyledComponent<"h3", any, {
        isTextEllipsis?: boolean | undefined;
    }, never>;
    h4: import("styled-components").StyledComponent<"h4", any, {
        isTextEllipsis?: boolean | undefined;
    }, never>;
    body1: import("styled-components").StyledComponent<"span", any, {
        isTextEllipsis?: boolean | undefined;
    }, never>;
    body2: import("styled-components").StyledComponent<"span", any, {
        isTextEllipsis?: boolean | undefined;
    }, never>;
    caption: import("styled-components").StyledComponent<"span", any, {
        isTextEllipsis?: boolean | undefined;
    }, never>;
};
export declare const Typography: React.FC<ITypography>;