apeman-react-field/lib/ap_field.jsx

/**
 * Form field.
 * @class ApField
 */

'use strict'

import React, {PropTypes as types} from 'react'
import classnames from 'classnames'

/** @lends ApField */
const ApField = React.createClass({

  // --------------------
  // Specs
  // --------------------

  propTypes: {
    center: types.bool
  },

  mixins: [],

  statics: {},

  getInitialState () {
    return {}
  },

  getDefaultProps () {
    return {
      center: false
    }
  },

  render () {
    const s = this
    let { props } = s

    return (
      <div className={ classnames('ap-field', props.className, {
                'ap-field-align-center': props.center
            }) }
           style={ Object.assign({}, props.style) }>
        <div className='ap-field-inner'>
          { props.children }
        </div>
      </div>
    )
  },

  // --------------------
  // Lifecycle
  // --------------------

  // ------------------
  // Private
  // ------------------
})

export default ApField