import { type ComponentProps, type PropsWithChildren } from 'react';
import { Text, type TextProps } from '../Text';
export type HeadingTagTypes = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
type StylingProps = {
    /** テキストのスタイル */
    type?: Extract<TextProps['styleType'], 'sectionTitle'>;
    /**
     * テキストのサイズ
     *
     * `sectionTitle`の場合、`XXL`か`XL`か`L`を指定してください
     *
     * @default 'L'
     */
    size?: Extract<TextProps['size'], 'XXL' | 'XL' | 'L'>;
} | {
    /** テキストのスタイル
     *
     * screenTitleを使用する場合、PageHeadingコンポーネントを使用してください
     * */
    type: Exclude<TextProps['styleType'], 'screenTitle' | 'sectionTitle'>;
    size?: never;
};
export type AbstractProps = PropsWithChildren<{
    /**
     * 可能な限り利用せず、SectioningContent(Article, Aside, Nav, Section)を使ってHeadingと関連する範囲を明確に指定する方法を検討してください
     */
    unrecommendedTag?: HeadingTagTypes;
    /** 視覚的に非表示にするフラグ */
    visuallyHidden?: boolean;
    /** テキスト左に設置するアイコン */
    icon?: ComponentProps<typeof Text>['icon'];
}> & StylingProps;
export type ElementProps = Omit<ComponentProps<'h1'>, keyof AbstractProps | keyof TextProps | 'role' | 'aria-level'>;
type Props = AbstractProps & ElementProps;
export declare const Heading: import("react").NamedExoticComponent<Props>;
export {};