React = require 'react'
createClass = require 'create-react-class'
{div, h3} = require 'react-dom-factories'

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

  titleClass = titleClass or 'col-1-1'
  title = title or ''
  children = children or []
  className = className or 'grid grid-pad'

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

  div {className}, content

module.exports = GridFormSection