import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import ColorPicker from 'see-materilas-color-picker';

class App extends Component {
	constructor(props) {
		super(props);
		this.state = {
			color: '#f30'
		};
	}

	changeColor = (color) => {
		this.setState({
			color
		});
	};

	render() {
		const { color } = this.state;
		return (
			<div>
				<input type="text" value={color} />
				<ColorPicker defaultColor={color} onChangeColor={(color) => this.changeColor(color)} />
			</div>
		);
	}
}

ReactDOM.render(<App />, mountNode);