import * as React from "react";
import type { ResponsiveValue } from "../../types/ResponsiveValue";
import type { JSX } from "react";
export type ColorType = "initial" | "primary" | "secondary" | "disabled" | "hint" | "white";
export type FontSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "xxxxl" | "xxxxxl" | "xxxxxxl" | "xxxxxxxl";
export declare const fontSize: {
    [key in FontSize]: number;
};
export type TextAlign = "left" | "center" | "right";
export type FontWeight = "normal" | "bold" | "black";
export declare function resolveFontWeight(weight: FontWeight): number;
export type TypographyProps = {
    component?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
    color?: ColorType | string;
    align?: "left" | "center" | "right";
    size?: ResponsiveValue<FontSize>;
    weight?: FontWeight;
    lineHeight?: string;
    trimVertical?: boolean;
    /**
     * 未指定・`false` のときは `font-feature-settings` を付けない。
     * `true` のときは `"palt" 1`。文字列のときはその値を `font-feature-settings` に渡す。
     *
     * palt はタイトル・見出しなど、短文でサイズが大きいブロック向き。長文のボディでは字間・リズムが変わるため、可読性の観点では付けないことが多い。
     */
    fontFeatureSettings?: boolean | string;
    className?: string;
    children: React.ReactNode;
};
declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
export default Typography;