<Typography component="h1" variant="h5">
        Vul nu uw voorkeuren in!
      </Typography>
      <TextField
        label="Voorkeur Interview Type"
        select
        variant="outlined"
        margin="normal"
        fullWidth
        value={profileData.preferredInterviewType}
        onChange={(e) =>
          setProfileData({
            ...profileData,
            preferredInterviewType: e.target.value,
          })
        }
      >
        {getStandardInterviewOptions().map((option) => (
          <MenuItem key={option} value={option}>
            {option}
          </MenuItem>
        ))}
      </TextField>

export const getStandardInterviewOptions = () => [
  "Online portaal", "Telefoon gesprek", "In persoon"
]

  const [profileData, setProfileData] = useState({
    preferredInterviewType: "",
    preferredApproachType: "",
    commercialApproaches: false,
  });