import { default as React, ElementType } from 'react';
export type TypographyVariant = 'displayXl' | 'displayLg' | 'displayMd' | 'displaySm' | 'displayXs' | 'headingXl' | 'headingLg' | 'headingMd' | 'headingSm' | 'headingXs' | 'headingXxs' | 'preambleLg' | 'preambleMd' | 'preambleSm' | 'bodyXl' | 'bodyLg' | 'bodyMd' | 'bodySm' | 'bodyXs' | 'bodyXxs' | 'linkLg' | 'linkMd' | 'linkSm' | 'linkXs' | 'labelXl' | 'labelLg' | 'labelMd' | 'labelSm' | 'labelXs' | 'labelXxs' | 'profileXl' | 'profileLg' | 'profileMd' | 'profileSm' | 'profileXs';
type FontWeight = 'regular' | 'medium';
export interface BaseTypographyProps {
    defaultVariant: TypographyVariant;
    children: React.ReactNode;
    mobileVariant?: TypographyVariant;
    className?: string;
    weight?: FontWeight;
    emphasis?: boolean;
    as?: ElementType;
    id?: string;
    align?: 'left' | 'center' | 'right';
    strikethrough?: boolean;
}
type TypographyColorProps = {
    color?: string;
    gradient?: never;
} | {
    gradient: 'neutral' | 'indigo' | 'solar' | 'orchre' | 'lilac';
    color?: never;
};
export type TypographyProps = BaseTypographyProps & TypographyColorProps;
export declare const Typography: ({ defaultVariant, children, className, weight, emphasis, as: Component, mobileVariant, color, gradient, id, align, strikethrough, }: TypographyProps) => React.JSX.Element;
export {};