gistfile1.txt

import React from 'react';
import InputField from './InputField.react';
import classNames from 'classnames';

export default function Input(props) {
    const classes = [];
    if (props.disabled) classes.push('opacity-30', 'userSelect-none', 'pointerEvents-none');
    return (
        <div
            className={classNames(classes, props.className)}>
            <span className="display-block marginBottom-xxs fontSize-xs c-silver letterSpacing-m userSelect-none">
                {props.label}
            </span>
            <InputField
                value={props.value}
                unit={props.unit}
                callback={props.callback}
                minValue={props.minValue}
                maxValue={props.maxValue}
                name={props.name}
            />
        </div>
    );
}

Input.propTypes = {
    className: React.PropTypes.string,
    label: React.PropTypes.string,
    name: React.PropTypes.string,
    value: React.PropTypes.any,
    unit: React.PropTypes.string,
    callback: React.PropTypes.func,
    minValue: React.PropTypes.number,
    maxValue: React.PropTypes.number,
    disabled: React.PropTypes.bool,
};