diff --git a/app/components/form-question.tsx b/app/components/form-question.tsx new file mode 100644 index 0000000..c35974a --- /dev/null +++ b/app/components/form-question.tsx @@ -0,0 +1,82 @@ +"use client"; +import { useState } from 'react' +import { Button, Description, Dialog, DialogPanel, Field, Input, Label } from '@headlessui/react' +import { Bars3Icon, CheckCircleIcon, Square2StackIcon, XCircleIcon, XMarkIcon } from '@heroicons/react/24/outline' +import Logo from './logo'; +import Form, { FieldType } from './form'; +import { Question } from '../lib/question'; + +const FormQuestion = ({question}: {question: Question}) => { + + const [formData, setFormData] = useState(); + + // const formSubmit = (e) => { + // e.preventDefault(); + + // setFormData( new FormData( e.target ) ); + // } + + const formSubmit = (data: FormData) => setFormData( data ); + + return ( +
+
+ + ) +} + +export default FormQuestion; diff --git a/app/quiz-temp/page.tsx b/app/quiz-temp/page.tsx new file mode 100644 index 0000000..435fb3f --- /dev/null +++ b/app/quiz-temp/page.tsx @@ -0,0 +1,77 @@ +"use client"; +import { useState } from 'react' +import { Dialog, DialogPanel } from '@headlessui/react' +import { Bars3Icon, CheckCircleIcon, Square2StackIcon, XCircleIcon, XMarkIcon } from '@heroicons/react/24/outline' +import Logo from '../components/logo'; + +export default function Example() { + const [mobileMenuOpen, setMobileMenuOpen] = useState(false) + + return ( +
+
+ + ) +}