import React, { Fragment } from 'react';
import { Field } from 'redux-form';

import TextInput from '../../TextInput/TextInput';
import FormTitle from '../../Titles/FormTitle';

const TextSection = ({
  title,
  label,
  placeholder,
  multiline,
  fieldname,
}) => (
  <Fragment>

    <FormTitle
      title={title}
    />

    <Field
      name={fieldname}
      label={label}
      fullWidth
      placeholder={placeholder}
      multiline={multiline}
      component={TextInput}
    />
  </Fragment>
);

export default TextSection;