{"size": 660, "ext": "js", "max_stars_repo_path": "components/OpacitySlider.js", "max_stars_repo_name": "dymaxionlabs/satlomas-front", "max_stars_repo_stars_event_min_datetime": "2021-08-25T15:32:46.000Z", "max_stars_repo_stars_event_max_datetime": "2022-01-24T21:40:58.000Z", "max_issues_repo_path": "components/OpacitySlider.js", "max_issues_repo_name": "dymaxionlabs/satlomas-front", "max_issues_repo_issues_event_min_datetime": "2021-08-28T17:44:46.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-13T12:48:08.000Z", "max_forks_repo_path": "components/OpacitySlider.js", "max_forks_repo_name": "dymaxionlabs/satlomas-front", "max_forks_repo_forks_event_min_datetime": "2020-05-08T20:42:39.000Z", "max_forks_repo_forks_event_max_datetime": "2020-12-22T22:53:22.000Z"}
{"max_stars_count": 2, "max_issues_count": 2, "max_forks_count": 2, "avg_line_length": 19.4117647059, "max_line_length": 54, "alphanum_fraction": 0.6363636364}
import React from "react";
import PropTypes from "prop-types";
import { withStyles } from "@material-ui/core/styles";
import { Slider } from "@material-ui/core";

const styles = {
  root: {
    width: 40
  },
};

class OpacitySlider extends React.Component {
  render() {
    const { classes, value, onChange } = this.props;

    return (
      <div className={classes.root}>
        <Slider
          value={value}
          onChange={onChange}
        />
      </div>
    );
  }
}

OpacitySlider.propTypes = {
  classes: PropTypes.object.isRequired,
  value: PropTypes.number,
  onChange: PropTypes.func
};

export default withStyles(styles)(OpacitySlider);
