2016-10-31 19:23:16 +02:00
|
|
|
const classNames = require('classnames');
|
|
|
|
const React = require('react');
|
|
|
|
const styles = require('./style.css');
|
|
|
|
|
|
|
|
const RangeSlider = ({
|
|
|
|
className,
|
2016-11-01 13:36:06 +02:00
|
|
|
onChange,
|
2016-10-31 19:23:16 +02:00
|
|
|
style
|
|
|
|
}) => {
|
|
|
|
|
|
|
|
const slider = classNames(
|
|
|
|
className,
|
|
|
|
styles.input
|
|
|
|
);
|
|
|
|
|
|
|
|
// TODO: Get rid of inline styles
|
|
|
|
style = {
|
|
|
|
...style,
|
|
|
|
display: 'block'
|
|
|
|
};
|
|
|
|
|
|
|
|
return (
|
|
|
|
<input
|
|
|
|
className={slider}
|
2016-11-01 13:36:06 +02:00
|
|
|
onChange={onChange}
|
2016-10-31 19:23:16 +02:00
|
|
|
style={style}
|
|
|
|
type="range"
|
|
|
|
/>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
RangeSlider.propTypes = {
|
|
|
|
className: React.PropTypes.string,
|
2016-11-01 13:36:06 +02:00
|
|
|
onChange: React.PropTypes.func,
|
2016-10-31 19:23:16 +02:00
|
|
|
style: React.PropTypes.object
|
|
|
|
};
|
|
|
|
|
|
|
|
module.exports = RangeSlider;
|