import * as csstype from 'csstype';
import * as react from 'react';
import { ElementType } from 'react';
import * as _emotion_react from '@emotion/react';

declare const Typography: react.ForwardRefExoticComponent<{
    as?: ElementType | undefined;
    native?: ({
        [x: `data-${string}`]: string | boolean | undefined;
    } & Omit<any, "ref">) | undefined;
} & {
    className?: string | undefined;
    sx?: _emotion_react.CSSObject | undefined;
} & {
    children?: react.ReactNode;
} & {
    colorToken?: "focus" | "text" | "border" | "overlay" | "icon" | "bg" | "surface" | "surfaceSub" | "surfaceInverse" | "surfaceSlate" | "surfaceSlatePrimary" | "surfaceSlateSecondary" | "surfaceAccent" | "surfaceCritical" | "surfaceCriticalPrimary" | "surfaceCriticalSecondary" | "surfaceWarning" | "surfaceWarningPrimary" | "surfaceWarningSecondary" | "surfaceSuccess" | "surfaceSuccessPrimary" | "surfaceSuccessSecondary" | "surfaceHighlight" | "surfaceHighlightPrimary" | "surfaceHighlightSecondary" | "surfaceAvatar" | "surfaceToast" | "surfaceToastCritical" | "fieldPrimary" | "field" | "fieldSecondary" | "fieldSub" | "fieldDisabled" | "focusAccent" | "actionAccent" | "actionAccentHover" | "actionAccentPressed" | "actionAccentDisabled" | "actionAccentTonal" | "actionAccentTonalHover" | "actionAccentTonalPressed" | "actionAccentTonalDisabled" | "actionPrimary" | "actionPrimaryHover" | "actionPrimaryPressed" | "actionPrimaryDisabled" | "actionPrimaryTonal" | "actionPrimaryTonalHover" | "actionPrimaryTonalPressed" | "actionPrimaryTonalDisabled" | "actionSecondary" | "actionSecondaryHover" | "actionSecondaryPressed" | "actionSecondaryDisabled" | "actionSecondaryTonal" | "actionSecondaryTonalHover" | "actionSecondaryTonalPressed" | "actionSecondaryTonalDisabled" | "actionCritical" | "actionCriticalHover" | "actionCriticalPressed" | "actionCriticalDisabled" | "actionCriticalTonal" | "actionCriticalTonalHover" | "actionCriticalTonalPressed" | "actionCriticalTonalDisabled" | "actionElevated" | "actionElevatedHover" | "actionElevatedPressed" | "actionElevatedDisabled" | "actionToggle" | "layer" | "layerHover" | "layerSub" | "layerSubHover" | "layerSelected" | "layerSelectedHover" | "backdrop" | "overlaySub" | "borderHover" | "borderSub" | "borderMinimal" | "borderCritical" | "borderCriticalHover" | "borderWarning" | "borderSuccess" | "borderHighlight" | "borderSlate" | "divide" | "divideSub" | "divideMinimal" | "textSub" | "textMinimal" | "textDisabled" | "textCritical" | "textCriticalHover" | "textWarning" | "textWarningHover" | "textSuccess" | "textPrimary" | "textPrimaryHover" | "textAccent" | "textAccentHover" | "textSecondary" | "textSecondaryHover" | "textOn" | "textOnHover" | "textInverse" | "iconSub" | "iconMinimal" | "iconDisabled" | "iconCritical" | "iconCriticalHover" | "iconWarning" | "iconWarningHover" | "iconSuccess" | "iconAccent" | "iconAccentHover" | "iconPrimary" | "iconPrimaryHover" | "iconSecondary" | "iconSecondaryHover" | "iconOn" | "iconOnHover" | "iconInverse" | "avatarDeco" | "avatarDecoSub" | "avatarDecoMinimal" | undefined;
    semanticToken?: "h5" | "h6" | "label-small" | "label-medium" | "label-xsmall" | "heading-5xlarge-bold" | "heading-4xlarge-bold" | "heading-3xlarge-bold" | "heading-2xlarge-bold" | "heading-xlarge-bold" | "heading-large" | "heading-large-bold" | "heading-medium" | "heading-medium-bold" | "body-large" | "body-large-bold" | "body-medium" | "body-medium-bold" | "body-small" | "body-small-bold" | "label-3xlarge-bold" | "label-xlarge-bold" | "label-large" | "label-large-bold" | "label-medium-bold" | "label-small-bold" | "h2-Bold" | "h3-Bold" | "h4-Bold" | "h5-Bold" | "h6-bold" | "p16" | "p16-bold" | "p14" | "p14-bold" | "p12" | "p12-bold" | "l14" | "l12" | "l11" | undefined;
    variant?: "h5" | "h6" | "label-small" | "label-medium" | "label-xsmall" | "heading-5xlarge-bold" | "heading-4xlarge-bold" | "heading-3xlarge-bold" | "heading-2xlarge-bold" | "heading-xlarge-bold" | "heading-large" | "heading-large-bold" | "heading-medium" | "heading-medium-bold" | "body-large" | "body-large-bold" | "body-medium" | "body-medium-bold" | "body-small" | "body-small-bold" | "label-3xlarge-bold" | "label-xlarge-bold" | "label-large" | "label-large-bold" | "label-medium-bold" | "label-small-bold" | "h2-Bold" | "h3-Bold" | "h4-Bold" | "h5-Bold" | "h6-bold" | "p16" | "p16-bold" | "p14" | "p14-bold" | "p12" | "p12-bold" | "l14" | "l12" | "l11" | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | undefined;
    textAlign?: csstype.Property.TextAlign | undefined;
    numOfLine?: number | undefined;
} & react.RefAttributes<HTMLElement>>;

export { Typography };