import * as react from 'react';
import { ReactNode, ElementType } from 'react';
import { ThemeOverrideProps } from '@xsolla/xui-core';

type AlignType = "center" | "inherit" | "justify" | "left" | "right";
type VariantType = "h1" | "h2" | "h3" | "h4" | "h5" | "display" | "bodyLg" | "bodyLgAccent" | "bodyLgParagraph" | "bodyMd" | "bodyMdAccent" | "bodyMdParagraph" | "bodySm" | "bodySmAccent" | "bodySmParagraph" | "bodyXs" | "bodyXsAccent" | "bodyXsParagraph" | "bodyXxs" | "bodyXxsAccent" | "bodyXxsParagraph";
type ThemeColorType = "primary" | "secondary" | "tertiary" | "brand" | "brandSecondary" | "success" | "warning" | "alert" | "neutral";
type ColorType = ThemeColorType | "inherit";
type ProductContext = "b2c" | "b2b";
interface TypographyProps extends Omit<any, "color">, ThemeOverrideProps {
    children?: ReactNode;
    align?: AlignType;
    noWrap?: boolean;
    variant?: VariantType;
    color?: ColorType | string;
    marginBottom?: number;
    marginTop?: number;
    as?: ElementType;
    productContext?: ProductContext;
    "aria-hidden"?: boolean;
    "aria-live"?: "polite" | "assertive" | "off";
    testID?: string;
}

declare const Typography: react.ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & react.RefAttributes<any>>;

export { type AlignType, type ColorType, type ProductContext, type ThemeColorType, Typography, type TypographyProps, type VariantType };