import { type ComponentProps, type ElementType, type PropsWithChildren, type ReactNode } from 'react'; import { type VariantProps } from 'tailwind-variants'; import type { AbstractSize, CharRelativeSize } from '../../themes'; type StyleType = 'screenTitle' | 'sectionTitle' | 'blockTitle' | 'subBlockTitle' | 'subSubBlockTitle'; export declare const STYLE_TYPE_MAP: { [key in StyleType]: VariantProps; }; declare const classNameGenerator: import("tailwind-variants").TVReturnType<{ size: { XXS: string; XS: string; S: string; M: string; L: string; XL: string; XXL: string; }; weight: { normal: string; bold: string; }; italic: { true: string; }; color: { TEXT_BLACK: string; TEXT_WHITE: string; TEXT_GREY: string; TEXT_DISABLED: string; TEXT_LINK: string; inherit: string; }; leading: { NONE: string; TIGHT: string; NORMAL: string; LOOSE: string; }; whiteSpace: { normal: string; nowrap: string; pre: string; 'pre-line': string; 'pre-wrap': string; }; maxLines: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; }; }, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{ size: { XXS: string; XS: string; S: string; M: string; L: string; XL: string; XXL: string; }; weight: { normal: string; bold: string; }; italic: { true: string; }; color: { TEXT_BLACK: string; TEXT_WHITE: string; TEXT_GREY: string; TEXT_DISABLED: string; TEXT_LINK: string; inherit: string; }; leading: { NONE: string; TIGHT: string; NORMAL: string; LOOSE: string; }; whiteSpace: { normal: string; nowrap: string; pre: string; 'pre-line': string; 'pre-wrap': string; }; maxLines: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; }; }, { size: { XXS: string; XS: string; S: string; M: string; L: string; XL: string; XXL: string; }; weight: { normal: string; bold: string; }; italic: { true: string; }; color: { TEXT_BLACK: string; TEXT_WHITE: string; TEXT_GREY: string; TEXT_DISABLED: string; TEXT_LINK: string; inherit: string; }; leading: { NONE: string; TIGHT: string; NORMAL: string; LOOSE: string; }; whiteSpace: { normal: string; nowrap: string; pre: string; 'pre-line': string; 'pre-wrap': string; }; maxLines: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; }; }>, { size: { XXS: string; XS: string; S: string; M: string; L: string; XL: string; XXL: string; }; weight: { normal: string; bold: string; }; italic: { true: string; }; color: { TEXT_BLACK: string; TEXT_WHITE: string; TEXT_GREY: string; TEXT_DISABLED: string; TEXT_LINK: string; inherit: string; }; leading: { NONE: string; TIGHT: string; NORMAL: string; LOOSE: string; }; whiteSpace: { normal: string; nowrap: string; pre: string; 'pre-line': string; 'pre-wrap': string; }; maxLines: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; }; }, undefined, import("tailwind-variants").TVReturnType<{ size: { XXS: string; XS: string; S: string; M: string; L: string; XL: string; XXL: string; }; weight: { normal: string; bold: string; }; italic: { true: string; }; color: { TEXT_BLACK: string; TEXT_WHITE: string; TEXT_GREY: string; TEXT_DISABLED: string; TEXT_LINK: string; inherit: string; }; leading: { NONE: string; TIGHT: string; NORMAL: string; LOOSE: string; }; whiteSpace: { normal: string; nowrap: string; pre: string; 'pre-line': string; 'pre-wrap': string; }; maxLines: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; }; }, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{ size: { XXS: string; XS: string; S: string; M: string; L: string; XL: string; XXL: string; }; weight: { normal: string; bold: string; }; italic: { true: string; }; color: { TEXT_BLACK: string; TEXT_WHITE: string; TEXT_GREY: string; TEXT_DISABLED: string; TEXT_LINK: string; inherit: string; }; leading: { NONE: string; TIGHT: string; NORMAL: string; LOOSE: string; }; whiteSpace: { normal: string; nowrap: string; pre: string; 'pre-line': string; 'pre-wrap': string; }; maxLines: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; }; }, { size: { XXS: string; XS: string; S: string; M: string; L: string; XL: string; XXL: string; }; weight: { normal: string; bold: string; }; italic: { true: string; }; color: { TEXT_BLACK: string; TEXT_WHITE: string; TEXT_GREY: string; TEXT_DISABLED: string; TEXT_LINK: string; inherit: string; }; leading: { NONE: string; TIGHT: string; NORMAL: string; LOOSE: string; }; whiteSpace: { normal: string; nowrap: string; pre: string; 'pre-line': string; 'pre-wrap': string; }; maxLines: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; }; }>, unknown, unknown, undefined>>; type ActualIconType = undefined | { /** テキスト左に設置するアイコン */ prefix?: ReactNode; /** テキスト右に設置するアイコン */ suffix?: ReactNode; /** アイコンと並べるテキストとの溝 */ gap?: CharRelativeSize | AbstractSize; }; type IconType = ActualIconType | ReactNode; export type TextProps = VariantProps & { /** テキストコンポーネントの HTML タグ名。初期値は span */ as?: T; /** 強調するかどうかの真偽値。指定すると em 要素になる */ emphasis?: boolean; /** 見た目の種類 */ styleType?: StyleType; /** 設置するアイコン */ icon?: IconType; }; declare const ActualText: ({ emphasis, styleType, icon: orgIcon, weight, as: Component, size, italic, color, leading, whiteSpace, maxLines, className, children, ...rest }: PropsWithChildren & ComponentProps>) => import("react/jsx-runtime").JSX.Element; export declare const Text: typeof ActualText; export {};