import type { ElementType, FC, HTMLAttributes, ReactNode } from 'react';
import type { Responsive } from '../types/responsive';
type TypographySize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
type TypographyDensity = 'comfort' | 'normal' | 'dense';
type TypographyFontWeight = 'normal' | 'bold';
type TypographyColor = 'high_emphasis' | 'medium_emphasis' | 'low_emphasis' | 'informative' | 'positive' | 'notice' | 'negative';
interface Props extends HTMLAttributes<HTMLElement> {
    children: ReactNode;
    /** テキストのサイズ。レスポンシブ対応でブレークポイントごとに指定可能 */
    size?: Responsive<TypographySize>;
    /** 行間の密度 */
    density?: TypographyDensity;
    /** フォントの太さ */
    fontWeight?: TypographyFontWeight;
    /** テキストのセマンティックカラー */
    color?: TypographyColor;
    /** レンダリングするHTML要素 */
    component?: ElementType;
}
export declare const Typography: FC<Props>;
export type { TypographySize, TypographyDensity, TypographyFontWeight, TypographyColor, Props as TypographyProps, };