more hacking

components/reason.js

@@ -0,0 +1,28 @@
+import { useContext } from 'react'
+import { WizardContext, ACTIONS } from '../context/wizardStore'
+
+import Form from 'react-bootstrap/Form'
+import Col from 'react-bootstrap/Col'
+
+export default function Contact() {
+  const { state, dispatch } = useContext(WizardContext)
+
+  const { multipleDays, startDate, endDate } = state
+
+  return (
+    <>
+      <Form.Group>
+        <Form.Label>Zweck der Fahrt</Form.Label>
+        <Form.Control type="text" id="purpose" placeholder="Zweck der Fahrt" />
+      </Form.Group>
+      <Form.Group>
+        <Form.Label>Verein</Form.Label>
+        <Form.Control type="text" id="org" placeholder="Verein" />
+      </Form.Group>
+      <Form.Group>
+        <Form.Label>Ziel der Fahrt</Form.Label>
+        <Form.Control type="text" id="destination" placeholder="Fahrtziel" />
+      </Form.Group>
+    </>
+  )
+}