import React, { ChangeEvent } from 'react'

export default function Select({
  name,
  text,
  value,
  onchange,
  options = [],
}: {
  name: string
  text: string
  value: string
  onchange: (name: string, event: ChangeEvent<{ value: string }>) => void
  options: { name: string; value: string }[]
}) {
  return (
    <>
      <label htmlFor={name} className="pb-label">
        {text}
      </label>
      <select name={name} className="pb-select" onChange={onchange.bind(null, name)} value={value}>
        {options.map((option) => (
          <option value={option.value} key={option.value}>
            {option.name}
          </option>
        ))}
      </select>
    </>
  )
}