import { type ComponentProps, type ComponentPropsWithoutRef, type ComponentType, type FC, type FunctionComponentElement, type PropsWithChildren, type ReactNode } from 'react';
import { Text, type TextProps } from '../Text';
import type { Gap } from '../../types';
import type { StatusLabel } from '../StatusLabel';
type StatusLabelType = FunctionComponentElement<ComponentProps<typeof StatusLabel>>;
type IconType = ComponentProps<typeof Text>['icon'];
type ObjectLabelType = {
    text: ReactNode;
    /** ラベルの表示タイプ */
    styleType?: TextProps['styleType'];
    /** ラベル左に設置するアイコン */
    icon?: IconType;
    /** ラベルを視覚的に隠すかどうか */
    unrecommendedHide?: boolean;
    /** ラベルを紐づける入力要素のID属性と同じ値 */
    htmlFor?: string;
    /** ラベルに適用する `id` 値 */
    id?: string;
};
type AbstractProps = PropsWithChildren<{
    /** グループのラベル名 */
    label: ReactNode | ObjectLabelType;
    /** タイトル右の領域 */
    subActionArea?: ReactNode;
    /** タイトル群と子要素の間の間隔調整用（基本的には不要） */
    innerMargin?: Gap;
    /** タイトルの隣に表示する `StatusLabel` の配列 */
    statusLabels?: StatusLabelType | StatusLabelType[];
    /** タイトルの下に表示するヘルプメッセージ */
    helpMessage?: ReactNode;
    /** タイトルの下に表示する入力例 */
    exampleMessage?: ReactNode;
    /** タイトルの下に表示するエラーメッセージ */
    errorMessages?: ReactNode | ReactNode[];
    /** エラーがある場合に自動的に入力要素を error にするかどうか */
    autoBindErrorInput?: boolean;
    /** フォームコントロールの下に表示する補足メッセージ */
    supplementaryMessage?: ReactNode;
    /** `true` のとき、文字色を `TEXT_DISABLED` にする */
    disabled?: boolean;
    as?: string | ComponentType<any>;
}>;
type Props = AbstractProps & Omit<ComponentPropsWithoutRef<'div'>, keyof AbstractProps | 'aria-labelledby'>;
export declare const ActualFormControl: FC<Props>;
export declare const FormControl: FC<Omit<Props, 'as' | 'disabled'>>;
export {};