import React , { ChangeEvent } from 'react' ; import styles from '../Form.module.scss' ; import InputLabel from '../InputLabel' ; import classnames from 'classnames' ; interface Props { shortName : string ; name : string ; selectRef ? : React . RefObject < HTMLSelectElement > ; onChange : ( e : ChangeEvent < HTMLSelectElement > ) => void ; } const Select = ( { shortName , name , selectRef , onChange , children } ) => < InputLabel shortName = { shortName } name = { name } > < select id = { shortName } ref = { selectRef } name = { shortName } className = { classnames ( styles . inputField , styles . select ) } onChange = { onChange } > { children } < /select> < /InputLabel>; export default Select ;