"use strict";

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

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

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

var _smallArrowRight = require("./small-arrow-right.css-rules");

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

var _SmallArrowRight = function _SmallArrowRight(_ref) {
  var theme = _ref.theme,
      _ref$colorName = _ref.colorName,
      colorName = _ref$colorName === void 0 ? 'brand-primary-base' : _ref$colorName;
  return _react["default"].createElement("svg", {
    width: "16px",
    height: "16px",
    viewBox: "0 0 16 16",
    version: "1.1"
  }, _react["default"].createElement("g", {
    stroke: "none",
    strokeWidth: "1",
    fill: (0, _smallArrowRight.getFontColor)(theme, colorName),
    fillRule: "evenodd"
  }, _react["default"].createElement("path", {
    d: "M3.86 8.903h5.2l-2.435 2.555a.935.935 0 0 0 0 1.278.833.833 0 0 0 1.217 0l3.906-4.098a.912.912 0 0 0 .107-.137c.013-.02.022-.043.033-.063.016-.03.033-.06.046-.093.01-.026.016-.054.024-.08.009-.03.02-.058.025-.089a.947.947 0 0 0 .014-.14c0-.012.003-.023.003-.036 0-.014-.003-.027-.004-.04a.919.919 0 0 0-.013-.136c-.006-.032-.017-.062-.026-.093-.008-.025-.013-.05-.023-.075-.013-.035-.032-.068-.05-.1-.01-.019-.017-.038-.028-.056a.886.886 0 0 0-.11-.14L7.843 3.266A.838.838 0 0 0 7.233 3c-.22 0-.44.088-.609.265a.934.934 0 0 0 0 1.276l2.437 2.556h-5.2C3.385 7.097 3 7.5 3 8s.385.903.86.903z"
  })));
};

var SmallArrowRight = (0, _styledComponents.withTheme)(_SmallArrowRight);
exports.SmallArrowRight = SmallArrowRight;
SmallArrowRight.displayName = 'SmallArrowRight';