React = require 'react'
createClass = require 'create-react-class'
{div, h3} = React.DOM

GridFormSection = (props) ->
  {children, title, titleClass} = props

  titleClass = titleClass or 'col-1-1'
  title = title or ''
  children = children or []

  content = [
    div {
      key: 'title'
      className: titleClass
    }, h3 {className:'form-section-title'}, title
  ].concat children

  div {
    key: 'grid-row-1'
    className: 'grid grid-pad'
  }, content

module.exports = GridFormSection