Odds Comparison with Sports from Cloudbet Market Helper

cloudbet_market_helper_sports_names_dropdown.js

//App.js
import "./styles.css";
import React from "react";
import { Locale, getSportsName } from "@cloudbet/market-helper";
const sports = ["soccer", "basketball", "american-football"];
export default function App() {
  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}>{getSportsName(s, Locale.en)}</option>
          ))}
        </select>
      </div>
    </div>
  );
}