30 lines
914 B
React
30 lines
914 B
React
|
import PropTypes from 'prop-types';
|
||
|
|
import { Form } from 'react-bootstrap';
|
||
|
|
|
||
|
|
const Select = ({
|
||
|
|
values, name, label, value, onChange, className, ...rest
|
||
|
|
}) => {
|
||
|
|
return (
|
||
|
|
<Form.Group className={`mb-2 ${className || ''}`} controlId={name}>
|
||
|
|
<Form.Label className='form-label'>{label}</Form.Label>
|
||
|
|
<Form.Select name={name || ''} value={value || ''} onChange={onChange} {...rest}>
|
||
|
|
<option value=''>Выберите значение</option>
|
||
|
|
{
|
||
|
|
values.map((type) => <option key={type.id} value={type.id}>{type.name}</option>)
|
||
|
|
}
|
||
|
|
</Form.Select>
|
||
|
|
</Form.Group>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
Select.propTypes = {
|
||
|
|
values: PropTypes.array,
|
||
|
|
name: PropTypes.string,
|
||
|
|
label: PropTypes.string,
|
||
|
|
value: PropTypes.string,
|
||
|
|
onChange: PropTypes.func,
|
||
|
|
className: PropTypes.string,
|
||
|
|
};
|
||
|
|
|
||
|
|
export default Select;
|