/**
 * Range label component.
 * @class ApRangeLabel
 */

'use strict'

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

/** @lends ApRangeLabel */
const ApRangeLabel = React.createClass({
  // --------------------
  // Specs
  // --------------------
  propTypes: {
    value: types.number
  },

  getDefaultProps () {
    return {
      value: null
    }
  },

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

    return (
      <label className={ classnames('ap-range-label', props.className) }>
        <span>{ props.value }</span>
      </label>
    )
  }
})

export default ApRangeLabel