UNPKG

@payfit/unity-components

Version:

25 lines (24 loc) • 1.37 kB
import { ComponentPropsWithoutRef } from 'react'; /** Props for the answer-control region of an `AIStructuredInputStep`. */ export type AIStructuredInputContentProps = ComponentPropsWithoutRef<'div'>; /** * Groups a step's answer controls with consistent spacing. * @param props - Content children and standard div attributes. * @example * ```tsx * import { AIStructuredInputContent } from '@payfit/unity-components/ai-kit' * * <AIStructuredInputContent> * <AIStructuredInputAnswers items={answers} value={value} onChange={setValue}> * {answer => <AIStructuredInputAnswer id={answer.id} number={answer.number}>{answer.label}</AIStructuredInputAnswer>} * </AIStructuredInputAnswers> * <AIStructuredInputFreeTextAnswer value={draft} onChange={handleChange} onSubmit={saveAnswer} /> * </AIStructuredInputContent> * ``` * @see {@link AIStructuredInputContentProps} for all available props. * @remarks * - Use this region for answer controls, including choice lists and free-text fields. * - Its compact vertical gap keeps related answer controls visually grouped. */ declare const AIStructuredInputContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>; export { AIStructuredInputContent };