import React, { useContext } from 'react'
import { WizardContext } from './context/wizardStore'
import Input from './input'

export default function Contact() {
  const { state, onChangeEvent } = useContext(WizardContext)

  const { purpose, destination, org } = state.formData

  return (
    <>
      <Input
        label="Zweck der Fahrt"
        name="purpose"
        value={purpose}
        onChange={onChangeEvent}
        required
      />
      <Input
        label="Ziel der Fahrt"
        name="destination"
        value={destination}
        onChange={onChangeEvent}
        required
      />
      <Input label="Verein" name="org" value={org} onChange={onChangeEvent} />
    </>
  )
}