@bigfishtv/cockpit/src/components/input/MeterInput.js

import React, { Component } from 'react'

import Slider from 'rc-slider'
import Icon from '../Icon'

export default class MeterInput extends Component {
	static defaultProps = {
		min: 0,
		max: 100,
		defaultValue: 0,
	}

	render() {
		const { icon, text, value, onChange, ...props } = this.props
		return (
			<div className="meter">
				<h5 className="meter-label">
					<Icon name={icon} size={16} />
					<span className="meter-label-text">{text}</span>
				</h5>
				<Slider {...props} value={value} onChange={onChange} />
			</div>
		)
	}
}