Cloudbet Odds Comparison Sports Dropdown

cloudbet_market_helper_sports_dropdown.js

//App.js
import "./styles.css";
import React from "react";
const sports = ["soccer", "basketball", "american-football"];
export default function App() {
  const [apiKey, setApiKey] = React.useState("");
  const [sport, setSport] = React.useState(sports[0]);

  return (
    <div className="App">
             <div>
              <label for="sport">Sport</label>
              <select value={sport} onChange={(e) => setSport(e.target.value)}>
                {sports.map((s) => (
                  <option value={s}>{s}</option>
                ))}
              </select>
            </div>
          </div>
  );
}