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

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

const TextSectionReview = ({
  title,
  label,
  placeholder,
  multiline,
  fieldname,
  previousPage
}) => (
  <Fragment>
    <ReviewTitle
      title={title}
      onClick={previousPage}
      container
      justify="space-between"
      alignItems="center"
    />
    <Field
      name={fieldname}
      label={label}
      readOnly
      fullWidth
      placeholder={placeholder}
      multiline={multiline}
      component={TextInput}
    />
  </Fragment>
);

export default TextSectionReview;