import type { FormEvent } from "react";import { Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoices, QuestionnaireError, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle } from "@/components/questionnaire";
export function QuestionnaireUsage({ submit }: { submit: (answers: FormData) => void }) { return ( <Questionnaire shortcuts="numbers" onSubmit={(event: FormEvent<HTMLFormElement>) => { event.preventDefault(); submit(new FormData(event.currentTarget)); }} > <QuestionnaireProgress /> <QuestionnaireItem name="framework" required> <QuestionnaireTitle>Which framework?</QuestionnaireTitle> <QuestionnaireChoices> <QuestionnaireChoice value="next">Next.js</QuestionnaireChoice> <QuestionnaireChoice value="vite">Vite</QuestionnaireChoice> </QuestionnaireChoices> <QuestionnaireError>Pick one to continue.</QuestionnaireError> </QuestionnaireItem> <QuestionnaireActions> <QuestionnairePrevious /> <QuestionnaireSkip /> <QuestionnaireNext /> <QuestionnaireSubmit /> </QuestionnaireActions> </Questionnaire> );}