@6thquake/react-material/Drawing/Arrow.js

React components that implement Google's Material Design.

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

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

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

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

/**
 * @ignore - do not document.
 */
var Arrow =
/*#__PURE__*/
function (_Component) {
  (0, _inherits2.default)(Arrow, _Component);

  function Arrow() {
    (0, _classCallCheck2.default)(this, Arrow);
    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Arrow).apply(this, arguments));
  }

  (0, _createClass2.default)(Arrow, [{
    key: "render",
    value: function render() {
      var arrowStyle = this.props.arrowStyle;

      var composeArrow = _react.default.createElement("svg", {
        width: "13px",
        height: "13px"
      }, _react.default.createElement("rect", {
        width: "7px",
        height: "7px",
        fill: "#000",
        transform: "translate(3 7) rotate(-45)"
      }));

      var aggregateArrow = _react.default.createElement("svg", {
        width: "14px",
        height: "14px"
      }, _react.default.createElement("rect", {
        width: "7px",
        height: "7px",
        stroke: "#000",
        strokeWidth: "1",
        fill: "#fff",
        transform: "translate(3 7) rotate(-45)"
      }));

      var realizeArrow = _react.default.createElement("svg", {
        width: "10px",
        height: "10px"
      }, _react.default.createElement("polygon", {
        points: "0 0, 10 5, 0 10",
        stroke: "#000",
        fill: "#fff",
        strokeWidth: "1"
      }));

      var generalizeArrow = _react.default.createElement("svg", {
        width: "10px",
        height: "10px"
      }, _react.default.createElement("polygon", {
        points: "0 0, 10 5, 0 10",
        fill: "#000"
      }));

      var importArrow = _react.default.createElement("svg", {
        width: "12px",
        height: "12px"
      }, _react.default.createElement("polygon", {
        points: "1.4 11.9 1.2 11.5 10.6 6 1.2 0.6 1.4 0.1 11.6 6 1.4 11.9",
        stroke: "#000",
        strokeWidth: "0.5"
      }));

      return _react.default.createElement("div", null, arrowStyle === 'compose' ? composeArrow : arrowStyle === 'aggregate' ? aggregateArrow : arrowStyle === 'realize' ? realizeArrow : arrowStyle === 'default' ? null : arrowStyle === 'generalize' ? generalizeArrow : arrowStyle === 'import' ? importArrow : null);
    }
  }]);
  return Arrow;
}(_react.Component);

exports.default = Arrow;