() => {
  const options = [
    "Panther Chameleon (Furcifer pardalis)",
    "Parson's Chameleon (Calumma parsonii)",
    "Pied Chameleon (Trioceros werneri)",
    "Peacock Chameleon (Trioceros peretti)",
    "Veiled Chameleon (Chamaeleo calyptratus)",
    "Jackson's Chameleon (Trioceros jacksonii)",
    "Carpet Chameleon (Furcifer lateralis)",
    "Fischer's Chameleon (Kinyongia fischeri)",
    "Graceful Chameleon (Chamaeleo gracilis)",
  ];
  const [value, setValue] = React.useState('');

  return (
    <Select
      id="favorite-chameleon"
      value={value}
      placeholder="Choose one"
      onChange={e => setValue(e.target.value)}
      label="Choose your favorite chameleon"
      iconLeft={props.iconLeft}
      optionalLabel={props.optionalLabel}
      message={props.message}
      disabled={props.disabled}
    >
      {options.map(option => (
        <option key={option} value={option}>
          {option}
        </option>
      ))}
    </Select>
  );
};