/* global __WEBPACK__ */
import React from 'react';
import NumberEditor from 'react-number-editor';
if (__WEBPACK__) {
    require('../../style/components/Parameters.less');
}

class Parameters extends React.Component {
    render() {
        return (
            <div className="parameters">
                <label>
                    How many primes do you want to show? <NumberEditor min={1} max={100000} step={1} decimals={0} {...this.props} />
                </label>
            </div>
        );
    }
}

Parameters.propTypes = {
	initialValue: React.PropTypes.number
};

export default Parameters;

/* global __WEBPACK__ */
import React from 'react';
import NumberEditor from 'react-number-editor';
if (__WEBPACK__) {
    require('../../style/components/Parameters.less');
}

class Parameters extends React.Component {
    render() {
        return (
            <div className="parameters">
                <label>
                    How many primes do you want to show? <NumberEditor min={1} max={100000} step={1} decimals={0} {...this.props} />
                </label>
                <span className="glyphicon glyphicon-question-sign" title="Double-click to manually edit the number" style={{marginLeft: '8px'}}></span>
            </div>
        );
    }
}

Parameters.propTypes = {
	initialValue: React.PropTypes.number
};

export default Parameters;

Add help icon with title tooltip text for number editor
Add help icon with title tooltip text for number editor
