30 lines
928 B
JavaScript
30 lines
928 B
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import Textarea from 'common/form/textarea/textarea';
|
|
|
|
const FormFieldTextarea = (props) => (
|
|
<Textarea
|
|
type="text"
|
|
name={props.field.name}
|
|
id={`field_${props.field.name}`}
|
|
value={props.item[props.field.name]}
|
|
placeholder={props.field.placeholder}
|
|
defaultValue={props.field.defaultValue}
|
|
onChange={props.onValueChange}
|
|
{...props.field.validation}// eslint-disable-line react/jsx-props-no-spreading
|
|
/>
|
|
);
|
|
|
|
FormFieldTextarea.propTypes = {
|
|
item: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
|
|
field: PropTypes.shape({
|
|
name: PropTypes.string,
|
|
placeholder: PropTypes.string,
|
|
defaultValue: PropTypes.string,
|
|
validation: PropTypes.object, // eslint-disable-line react/forbid-prop-types
|
|
}).isRequired,
|
|
onValueChange: PropTypes.func.isRequired,
|
|
};
|
|
|
|
export default FormFieldTextarea;
|