import React from 'react';
import InputSlider from 'react-input-slider';

class App extends React.Component {
  state = {
    x: 10,
    y: 10
  };

  render() {
    return (
      <InputSlider
        className="slider slider-xy"
        axis="xy"
        x={this.state.x}
        xmax={100}
        y={this.state.y}
        ymax={100}
        onChange={this.handleChange}
      />
    );
  }

  handleChange = pos => {
    this.setState({
      x: pos.x,
      y: pos.y
    });
  };
}