react-timelines/lib/components/Controls/ZoomIn.js

React Timelines

"use strict";

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

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

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

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

var ZoomIn = function ZoomIn(_ref) {
  var zoom = _ref.zoom,
      zoomMax = _ref.zoomMax,
      zoomIn = _ref.zoomIn;
  return _react.default.createElement("button", {
    className: "rt-controls__button rt-controls__button--zoom-in",
    disabled: zoomMax && zoom >= zoomMax,
    onClick: zoomIn,
    type: "button"
  }, _react.default.createElement("span", {
    className: "rt-visually-hidden"
  }, " Zoom In"), _react.default.createElement("svg", {
    viewBox: "1 1 59 59",
    xmlns: "http://www.w3.org/2000/svg"
  }, _react.default.createElement("g", {
    fillRule: "evenodd"
  }, _react.default.createElement("path", {
    d: "M12.5 22h24v6h-24z"
  }), _react.default.createElement("path", {
    d: "M27.5 13v24h-6V13z"
  }), _react.default.createElement("path", {
    d: "M25 48.5C12.02 48.5 1.5 37.98 1.5 25S12.02 1.5 25 1.5 48.5 12.02 48.5 25 37.98 48.5 25 48.5zm-.12-6.24c9.6 0 17.38-7.78 17.38-17.38 0-9.6-7.78-17.38-17.38-17.38-9.6 0-17.38 7.78-17.38 17.38 0 9.6 7.78 17.38 17.38 17.38z"
  }), _react.default.createElement("rect", {
    width: "24",
    height: "8",
    rx: "4",
    transform: "rotate(45 -22.312 67.766)"
  }))));
};

ZoomIn.propTypes = {
  zoom: _propTypes.default.number.isRequired,
  zoomMax: _propTypes.default.number.isRequired,
  zoomIn: _propTypes.default.func.isRequired
};
var _default = ZoomIn;
exports.default = _default;