import type { ReactNode, Ref } from "react"; import type { FormHeightNames } from "../../../system/Sizes.js"; type Props = { /** * Additional CSS classes to apply to the container. */ className?: string; /** * Height variant for all form components within this NaturalLanguageForm. * @default "md" */ height?: FormHeightNames; /** * Child components (NaturalLanguageForm.Input, NaturalLanguageForm.Select, NaturalLanguageForm.Text, NaturalLanguageForm.InputSelect). */ children: ReactNode; ref?: Ref; }; declare const NaturalLanguageFormWithSubComponents: { (props: Props): import("react").JSX.Element; displayName: string; } & { Input: { ({ ref, ...props }: Omit, HTMLInputElement>, "ref">, "width"> & { suffix?: string; prefix?: string; icon?: React.FC | import("../..").IconKey; width?: import("../../types/general.types").FormFieldSize | [import("../../types/general.types").FormFieldSize, import("../../types/general.types").FormFieldSize?, import("../../types/general.types").FormFieldSize?, import("../../types/general.types").FormFieldSize?, import("../../types/general.types").FormFieldSize?]; height?: FormHeightNames; isError?: boolean; isClearIconVisible?: boolean; onClickClearField?: () => void; clearButtonLabel?: string; } & import("react").RefAttributes): import("react").JSX.Element; displayName: string; }; Select: { ({ ref, ...props }: Omit, HTMLSelectElement>, "ref">, "width"> & { children?: React.ReactNode; suffix?: string; prefix?: string; width?: import("../../types/general.types").FormFieldSize | [import("../../types/general.types").FormFieldSize, import("../../types/general.types").FormFieldSize?, import("../../types/general.types").FormFieldSize?, import("../../types/general.types").FormFieldSize?, import("../../types/general.types").FormFieldSize?]; height?: FormHeightNames; isError?: boolean; } & import("react").RefAttributes): import("react").JSX.Element; displayName: string; }; Text: { (props: Omit & { as?: import("react").ElementType | undefined; variant?: import("../Text/Text").TextStyle; color?: import("../Text/Text").TextColor; hoverColor?: import("../Text/Text").TextHoverColor; className?: string; containsDangerousHtml?: boolean; truncate?: boolean; clampLines?: boolean; capitalize?: boolean; "data-test-id"?: string; }): import("react").JSX.Element; displayName: string; }; InputSelect: { ({ ref, ...props }: import("../InputSelect/InputSelect").InputSelectProps & import("react").RefAttributes): import("react").JSX.Element; displayName: string; } & { Input: import("react").ForwardRefExoticComponent, HTMLInputElement>, "ref">, "width"> & { suffix?: string; prefix?: string; icon?: React.FC | import("../..").IconKey; width?: import("../../types/general.types").FormFieldSize | [import("../../types/general.types").FormFieldSize, import("../../types/general.types").FormFieldSize?, import("../../types/general.types").FormFieldSize?, import("../../types/general.types").FormFieldSize?, import("../../types/general.types").FormFieldSize?]; height?: FormHeightNames; isError?: boolean; isClearIconVisible?: boolean; onClickClearField?: () => void; clearButtonLabel?: string; } & import("react").RefAttributes, "ref"> & import("react").RefAttributes>; Select: import("react").ForwardRefExoticComponent, HTMLSelectElement>, "ref">, "width"> & { children?: React.ReactNode; suffix?: string; prefix?: string; width?: import("../../types/general.types").FormFieldSize | [import("../../types/general.types").FormFieldSize, import("../../types/general.types").FormFieldSize?, import("../../types/general.types").FormFieldSize?, import("../../types/general.types").FormFieldSize?, import("../../types/general.types").FormFieldSize?]; height?: FormHeightNames; isError?: boolean; } & import("react").RefAttributes, "ref"> & import("react").RefAttributes>; }; }; export { NaturalLanguageFormWithSubComponents as NaturalLanguageForm };