import { BaseSyntheticEvent, ReactNode } from 'react';
import { ThemeUIStyleObject } from 'theme-ui';
import { FontSize } from '../../tokens';
export declare type TypographyComponent = 'heading' | 'paragraph' | 'tag' | 'code' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
export declare type TypographyProps = {
    component: TypographyComponent;
    size: keyof typeof FontSize;
    children: ReactNode;
    color?: string;
    onClick?: (e: BaseSyntheticEvent) => void;
    sxPassthrough?: ThemeUIStyleObject;
};
/** @deprecated Use `Text`. */
export declare const Typography: ({ component, size, children, color, onClick, sxPassthrough }: TypographyProps) => import("theme-ui/jsx-runtime").JSX.Element;
