"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

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

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

var _sized = _interopRequireDefault(require("./sized"));

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }

function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }

var Lines = function Lines() {
  var style = {
    fill: 'none',
    stroke: '#BCE2FF',
    strokeWidth: 2,
    strokeMiterlimit: 10
  };
  return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
    style: style,
    x1: "-98",
    y1: "142",
    x2: "-114.6",
    y2: "142"
  }), /*#__PURE__*/_react["default"].createElement("line", {
    style: style,
    x1: "-98",
    y1: "146.3",
    x2: "-114.6",
    y2: "146.3"
  }), /*#__PURE__*/_react["default"].createElement("line", {
    style: style,
    x1: "-104",
    y1: "150.7",
    x2: "-114.6",
    y2: "150.7"
  }));
};

var Root = function Root(_ref) {
  var children = _ref.children,
      size = _ref.size;
  return /*#__PURE__*/_react["default"].createElement(_sized["default"], {
    size: size
  }, /*#__PURE__*/_react["default"].createElement("svg", {
    version: "1.1",
    viewBox: "-128 129 31 31",
    style: {
      enableBackground: 'new -128 129 31 31'
    }
  }, children));
};

Root.propTypes = {
  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
  size: _propTypes["default"].number
};

var GreyInfo = function GreyInfo() {
  return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("rect", {
    x: "-123.9",
    y: "135.3",
    style: {
      fill: '#D0CAC5',
      stroke: '#E6E3E0',
      strokeWidth: 0.75,
      strokeLinejoin: 'round',
      strokeMiterlimit: 10
    },
    width: "4.1",
    height: "4.1"
  }), /*#__PURE__*/_react["default"].createElement("polygon", {
    style: {
      fill: '#D0CAC5',
      stroke: '#E6E3E0',
      strokeWidth: 0.75,
      strokeLinejoin: 'round',
      strokeMiterlimit: 10
    },
    points: "-119.8,150.4 -119.8,142.2 -125,142.2 -125,144.9 -122.6,144.9 -122.6,150.4 -125.6,150.4  -125.6,153.2 -116.8,153.2 -116.8,150.4        "
  }), /*#__PURE__*/_react["default"].createElement("rect", {
    x: "-124.7",
    y: "134.7",
    style: {
      fill: '#B3ABA4',
      stroke: '#CDC7C2',
      strokeWidth: 0.5,
      strokeLinecap: 'round',
      strokeLinejoin: 'round',
      strokeMiterlimit: 10
    },
    width: "4.1",
    height: "4.1"
  }), /*#__PURE__*/_react["default"].createElement("polygon", {
    style: {
      fill: '#B3ABA4',
      stroke: '#CDC7C2',
      strokeWidth: 0.5,
      strokeLinecap: 'round',
      strokeLinejoin: 'round',
      strokeMiterlimit: 10
    },
    points: "-120.6,149.8 -120.6,141.5 -125.8,141.5 -125.8,144.3 -123.3,144.3 -123.3,149.8 -126.4,149.8  -126.4,152.5 -117.6,152.5 -117.6,149.8        "
  }), /*#__PURE__*/_react["default"].createElement("rect", {
    x: "-125.5",
    y: "134",
    style: {
      fill: '#7FABC6'
    },
    width: "4.1",
    height: "4.1"
  }), /*#__PURE__*/_react["default"].createElement("polygon", {
    style: {
      fill: '#7FABC6'
    },
    points: "-121.4,149.1 -121.4,140.9 -126.5,140.9 -126.5,143.6 -124.1,143.6 -124.1,149.1 -127.1,149.1  -127.1,151.9 -118.4,151.9 -118.4,149.1        "
  }));
};

var BlueInfo = function BlueInfo() {
  return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("rect", {
    x: "-123.9",
    y: "135.3",
    style: {
      fill: '#D0CAC5',
      stroke: '#E6E3E0',
      strokeWidth: 0.75,
      strokeLinejoin: 'round',
      strokeMiterlimit: 10
    },
    width: "4.1",
    height: "4.1"
  }), /*#__PURE__*/_react["default"].createElement("polygon", {
    style: {
      fill: '#D0CAC5',
      stroke: '#E6E3E0',
      strokeWidth: 0.75,
      strokeLinejoin: 'round',
      strokeMiterlimit: 10
    },
    points: "-119.8,150.4 -119.8,142.2 -125,142.2 -125,144.9 -122.6,144.9 -122.6,150.4 -125.6,150.4  -125.6,153.2 -116.8,153.2 -116.8,150.4        "
  }), /*#__PURE__*/_react["default"].createElement("rect", {
    x: "-124.7",
    y: "134.7",
    style: {
      fill: '#B3ABA4',
      stroke: '#CDC7C2',
      strokeWidth: 0.5,
      strokeLinecap: 'round',
      strokeLinejoin: 'round',
      strokeMiterlimit: 10
    },
    width: "4.1",
    height: "4.1"
  }), /*#__PURE__*/_react["default"].createElement("polygon", {
    style: {
      fill: '#B3ABA4',
      stroke: '#CDC7C2',
      strokeWidth: 0.5,
      strokeLinecap: 'round',
      strokeLinejoin: 'round',
      strokeMiterlimit: 10
    },
    points: "-120.6,149.8 -120.6,141.5 -125.8,141.5 -125.8,144.3 -123.3,144.3 -123.3,149.8 -126.4,149.8  -126.4,152.5 -117.6,152.5 -117.6,149.8        "
  }), /*#__PURE__*/_react["default"].createElement("rect", {
    x: "-125.5",
    y: "134",
    style: {
      fill: '#1A9CFF'
    },
    width: "4.1",
    height: "4.1"
  }), /*#__PURE__*/_react["default"].createElement("polygon", {
    style: {
      fill: '#1A9CFF'
    },
    points: "-121.4,149.1 -121.4,140.9 -126.5,140.9 -126.5,143.6 -124.1,143.6 -124.1,149.1 -127.1,149.1  -127.1,151.9 -118.4,151.9 -118.4,149.1        "
  }));
};

var Instructions = /*#__PURE__*/function (_React$Component) {
  (0, _inherits2["default"])(Instructions, _React$Component);

  var _super = _createSuper(Instructions);

  function Instructions(props) {
    (0, _classCallCheck2["default"])(this, Instructions);
    return _super.call(this, props);
  }

  (0, _createClass2["default"])(Instructions, [{
    key: "render",
    value: function render() {
      if (this.props.open === true) {
        return /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(GreyInfo, null), /*#__PURE__*/_react["default"].createElement(Lines, null));
      } else {
        return /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(BlueInfo, null), /*#__PURE__*/_react["default"].createElement(Lines, null));
      }
    }
  }]);
  return Instructions;
}(_react["default"].Component);

exports["default"] = Instructions;
Instructions.propTypes = {
  open: _propTypes["default"].bool
};
Instructions.defaultProps = {
  open: false
};
//# sourceMappingURL=instructions-icon.js.map