apeman-react-range/lib/jsx/ap_range_label.jsx

apeman react package for range input component.

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

"use strict";

const React = require('react'),
    types = React.PropTypes,
    classnames = require('classnames');

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

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

    render: function () {
        let s = this,
            props = s.props;

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

module.exports = ApRangeLabel;