@payfit/unity-components
Version:
25 lines (24 loc) • 1.37 kB
TypeScript
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 };