import React from 'react';
//import { useFormContext } from "react-hook-form";
import { useFormContext } from "react-hook-form";

type Props = {
    text: string;
    name: string;
    children?: JSX.Element[] | JSX.Element;
  }


export const Select: React.FC<Props> = ({text, name}) => {
    const { register } = useFormContext();
    return(
        <>
        <label htmlFor="country" className="block text-sm font-medium text-gray-700">
            {text}
        </label>
        <select
            {...register(name)} // ...register("first_partial_class")
                name={name}
                defaultValue={0}
                className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
            >
                <option value='0'>-- Выбрать --</option>
                <option value={1}>1</option>
                <option value={2}>2</option>
                <option >3</option>
                <option >4</option>
                <option >5</option>
                <option >6</option>
                <option >7</option>
                <option >8</option>
                <option >9</option>
                <option >10</option>
                <option >11</option>
        </select>
    </>
    )
}