@payfit/unity-components
Version:
26 lines (25 loc) • 1.26 kB
TypeScript
import { ComponentPropsWithoutRef } from 'react';
/** Props for the action row at the end of an `AIStructuredInputStep`. */
export type AIStructuredInputActionsProps = ComponentPropsWithoutRef<'div'>;
/**
* Aligns step actions to the end of the structured-input surface.
* @param props - Action children and standard div attributes.
* @example
* ```tsx
* import { AIStructuredInputActions } from '@payfit/unity-components/ai-kit'
*
* <AIStructuredInputStep id="countries">
* <AIStructuredInputStepTitle>Which countries?</AIStructuredInputStepTitle>
* <AIStructuredInputContent>{answerControls}</AIStructuredInputContent>
* <AIStructuredInputActions>
* <Button onPress={continueToNextStep}>Continue</Button>
* </AIStructuredInputActions>
* </AIStructuredInputStep>
* ```
* @see {@link AIStructuredInputActionsProps} for all available props.
* @remarks
* - Actions align to the end of the step.
* - Multiple actions use a consistent compact gap.
*/
declare const AIStructuredInputActions: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
export { AIStructuredInputActions };