import useAppContext from "app/context/useAppContext.mjs"

const VersionSwitcher = () => {
  const context = useAppContext()

  return (
    <div className="switcher select">
      <select
        onChange={(event) => context.onSwitchVersion(event.target.value)}
        value={context.selectedVersion}
      >
        {context.versions.map((v) => (
          <option key={v} value={v}>
            {`Version: ${v}`}
          </option>
        ))}
      </select>
    </div>
  )
}

export default VersionSwitcher