"use strict";

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

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

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

var _arrowBack = require("./arrow-back.css-rules");

var _arrowBack2 = require("./arrow-back.proptypes");

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

var _ArrowBack = function _ArrowBack(props) {
  return _react["default"].createElement("svg", {
    width: "19px",
    height: "19px",
    viewBox: "0 0 19 17",
    version: "1.1"
  }, _react["default"].createElement("g", {
    stroke: "none",
    strokeWidth: "1",
    fill: "none",
    fillRule: "evenodd",
    strokeLinecap: "round"
  }, _react["default"].createElement("g", {
    transform: "translate(-35.000000, -503.000000)",
    stroke: (0, _arrowBack.getStrokeColor)(props)
  }, _react["default"].createElement("g", {
    transform: "translate(23.000000, 490.000000)"
  }, _react["default"].createElement("g", {
    transform: "translate(14.000000, 14.000000)"
  }, _react["default"].createElement("path", {
    d: "M0,8 L16,8",
    strokeWidth: "2",
    transform: "translate(8.000000, 8.000000) rotate(-180.000000) translate(-8.000000, -8.000000) "
  }), _react["default"].createElement("polyline", {
    strokeWidth: "2",
    transform: "translate(4.000000, 8.000000) rotate(-180.000000) translate(-4.000000, -8.000000) ",
    points: "0 0 8 8 1.77635684e-15 16"
  }))))));
};

var ArrowBack = (0, _styledComponents.withTheme)(_ArrowBack);
exports.ArrowBack = ArrowBack;
ArrowBack.displayName = 'ArrowBack';
ArrowBack.propTypes = _arrowBack2.arrowBackPropTypes;