"use strict";

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

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

var _styledComponents = require("styled-components");

var _arrowForward = require("./arrow-forward.css-rules");

var _arrowForward2 = require("./arrow-forward.proptypes");

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

var _ArrowForward = function _ArrowForward(props) {
  return _react["default"].createElement("svg", {
    width: "18px",
    height: "18px",
    viewBox: "0 0 18 18",
    version: "1.1"
  }, _react["default"].createElement("g", {
    stroke: "none",
    strokeWidth: "1",
    fill: "none",
    fillRule: "evenodd",
    strokeLinecap: "round"
  }, _react["default"].createElement("g", {
    transform: "translate(-29.000000, -13.000000)",
    stroke: (0, _arrowForward.getStrokeColor)(props)
  }, _react["default"].createElement("g", {
    transform: "translate(16.000000, 0.000000)"
  }, _react["default"].createElement("g", {
    transform: "translate(22.000000, 22.000000) scale(-1, 1) translate(-22.000000, -22.000000) translate(14.000000, 14.000000)"
  }, _react["default"].createElement("path", {
    d: "M0,8 L16,8",
    id: "Path-24",
    strokeWidth: "1.5",
    transform: "translate(8.000000, 8.000000) rotate(-180.000000) translate(-8.000000, -8.000000) "
  }), _react["default"].createElement("polyline", {
    strokeWidth: "1.5",
    transform: "translate(4.000000, 8.000000) rotate(-180.000000) translate(-4.000000, -8.000000)",
    points: "0 0 8 8 1.77635684e-15 16"
  }))))));
};

exports._ArrowForward = _ArrowForward;
var ArrowForward = (0, _styledComponents.withTheme)(_ArrowForward);
exports.ArrowForward = ArrowForward;
ArrowForward.displayName = 'ArrowForward';
ArrowForward.propTypes = _arrowForward2.arrowForwardPropTypes;