225 | {visualOptions.length > 0 && (
226 |
227 | {visualOptions.map((option) => (
228 |
229 | handleSelection(option.id)}
239 | variant={variant}
240 | cardClassName={cardClassName}
241 | imageClassName={imageClassName}
242 | iconClassName={iconClassName}
243 | />
244 |
245 | ))}
246 |
247 | )}
248 |
249 | {textOptions.length > 0 && (
250 |
251 | {textOptions.map((option) => (
252 |
253 | handleSelection(option.id)}
261 | variant={variant}
262 | cardClassName={cardClassName}
263 | imageClassName={imageClassName}
264 | iconClassName={iconClassName}
265 | />
266 |
267 | ))}
268 |
269 | )}
270 |
271 | )
272 | }
273 | )
274 | FormCard.displayName = 'FormCard'
275 |
276 | interface StepOptions {
277 | title: string
278 | options: FormStep['items']
279 | }
280 |
281 | export interface MultiStepFormProps {
282 | title?: React.ReactNode
283 | formSteps: FormStep[]
284 | onComplete: (selections: Record