roiact/dist/Components/OpacityTool/index.js

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _semanticUiReact = require("semantic-ui-react");

var _Slider = _interopRequireDefault(require("rc-slider/lib/Slider"));

require("rc-slider/assets/index.css");

var _OpacityToolModule = _interopRequireDefault(require("./OpacityTool.module.scss"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var OpacityTool = function OpacityTool(props) {
  return /*#__PURE__*/_react.default.createElement("div", {
    style: {
      height: '110px'
    },
    className: _OpacityToolModule.default.tool
  }, /*#__PURE__*/_react.default.createElement(_semanticUiReact.Header, {
    as: "h4"
  }, "Background Opacity"), /*#__PURE__*/_react.default.createElement(_Slider.default, {
    min: 10,
    max: 100,
    defaultValue: props.value,
    value: props.value,
    onChange: props.onChange
  }), /*#__PURE__*/_react.default.createElement("div", {
    className: _OpacityToolModule.default.displayValue
  }, props.value));
};

OpacityTool.propTypes = {
  value: _propTypes.default.number.isRequired,
  onChange: _propTypes.default.func.isRequired
};
var _default = OpacityTool;
exports.default = _default;