import React from 'react';
import { Form } from 'semantic-ui-react';

const ListingBody = ({ body, onChange }) =>
  <Form.TextArea
    rows="5"
    className='ui center aligned grid'
    label="Job Description"
    placeholder="Tell us about the job..."
    name="body"
    value={body}
    onChange={e => onChange(e)}
  />;


ListingBody.propTypes = {
  body: React.PropTypes.string.isRequired,
  onChange: React.PropTypes.func.isRequired,
};

export default ListingBody;

@@ -104,15 +104,29 @@
 ange
+, getFormClass
  %7D) =%3E%0A
-
   %3CF
@@ -155,47 +155,8 @@
 %225%22%0A
-    className='ui center aligned grid'%0A
     
@@ -287,16 +287,53 @@
 nge(e)%7D%0A
+    className=%7BgetFormClass('body')%7D%0A
   /%3E;%0A%0A%0A
@@ -401,16 +401,16 @@
 quired,%0A
-
   onChan
@@ -446,16 +446,65 @@
 quired,%0A
+  getFormClass: React.PropTypes.func.isRequired,%0A
 %7D;%0A%0Aexpo

Add form class to textarea