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

React components that implement Google's Material Design.

/**
 * @ignore - do not document.
 */
import React, { Component } from 'react';

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

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

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

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

var _ref5 = React.createElement("svg", {
  width: "12px",
  height: "12px"
}, React.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"
}));

export default class Arrow extends Component {
  render() {
    const {
      arrowStyle
    } = this.props;
    const composeArrow = _ref;
    const aggregateArrow = _ref2;
    const realizeArrow = _ref3;
    const generalizeArrow = _ref4;
    const importArrow = _ref5;
    return React.createElement("div", null, arrowStyle === 'compose' ? composeArrow : arrowStyle === 'aggregate' ? aggregateArrow : arrowStyle === 'realize' ? realizeArrow : arrowStyle === 'default' ? null : arrowStyle === 'generalize' ? generalizeArrow : arrowStyle === 'import' ? importArrow : null);
  }

}