import { useState } from "react";

function App() {
  const [fruit, setFruit] = useState("");

  const handleChange = (event) => {
    setFruit(event.target.value);
  };

  return (
    <div>
      <h2>Select a Fruit</h2>

      <select value={fruit} onChange={handleChange}>
        <option value="">Choose</option>
        <option value="Apple">Apple</option>
        <option value="Mango">Mango</option>
        <option value="Banana">Banana</option>
      </select>

      <p>You selected: {fruit}</p>
    </div>
  );
}

export default App;