/**
 * ValueField component
 *
 * Generated by coz on 2016-12-31,
 * from a template provided by apeman-asset-templates.
 *
 * @function ValueField
 */
'use strict'

import React from 'react'
import defineDebug from 'debug'
import {
  ApField,
  ApFieldLabel,
  ApFieldValue
} from 'apeman-react-basic'

const debug = defineDebug('project:fragment:value-field')

/** @lends ValueField */
const ValueField = ({
  id,
  name,
  label,
  value,
  children
}) => (
  <ApField className='value-field'>
    <ApFieldLabel htmlFor={ id }>
      { label }
    </ApFieldLabel>
    <ApFieldValue>
      <div data-name={ name } id={ id }>
        { value }
        { children }
      </div>
    </ApFieldValue>
  </ApField>
)

export default ValueField