diff --git a/src/pages/Reservation.jsx b/src/pages/Reservation.jsx index c02c539..c0605bc 100644 --- a/src/pages/Reservation.jsx +++ b/src/pages/Reservation.jsx @@ -1,14 +1,26 @@ import { useState } from "react" import NavigationPages from "../components/NavigationHome" import { Link } from "react-router-dom" +import { useForm } from "react-hook-form" const Reservation = () => { const [yesStatus, setYesStatus] = useState("hidden") const [noStatus, setNoStatus] = useState("hidden") - const submit = () => { - alert("Your response has been submitted!") + const { + register, + handleSubmit, + formState: { errors } + } = useForm({ + defaultValues: { + guests: "will not attend" + } + }) + + const onSubmit = (data) => { + console.log(data) } + const handleStatus = (status) => { setTimeout(() => { if (status === "yes") { @@ -40,16 +52,26 @@ const Reservation = () => { In order for us to plan properly, please fill out the form below to let us know if you are able to attend. Lorem ipsum children and pets.
+* required fields
-