"use strict";

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

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

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

var _nextIcon = require("./next-icon.css-rules");

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

var _NextIcon = function _NextIcon(_ref) {
  var theme = _ref.theme,
      disabled = _ref.disabled,
      _ref$size = _ref.size,
      size = _ref$size === void 0 ? 'lg' : _ref$size;
  return _react["default"].createElement("svg", {
    width: (0, _nextIcon.getSize)({
      size: size
    }),
    height: (0, _nextIcon.getSize)({
      size: size
    }),
    viewBox: "0 0 48 48",
    version: "1.1"
  }, _react["default"].createElement("g", {
    stroke: "none",
    strokeWidth: "1",
    fill: "none",
    fillRule: "evenodd"
  }, _react["default"].createElement("g", {
    transform: "translate(-6.000000, -6.000000)",
    fill: (0, _nextIcon.getFillColor)({
      theme: theme,
      disabled: disabled
    })
  }, _react["default"].createElement("circle", {
    cx: "30",
    cy: "30",
    r: "24"
  }), _react["default"].createElement("g", {
    transform: "translate(20.000000, 20.000000)",
    stroke: (0, _nextIcon.getStrokeColor)({
      theme: theme
    }),
    strokeLinecap: "round",
    strokeWidth: "4"
  }, _react["default"].createElement("polyline", {
    transform: "translate(15.000000, 10.000000) scale(-1, 1) rotate(-180.000000) translate(-15.000000, -10.000000)",
    points: "10 0 20 10 10 20"
  }), _react["default"].createElement("path", {
    d: "M0,10 L20,10",
    transform: "translate(10.000000, 10.000000) rotate(-180.000000) translate(-10.000000, -10.000000)"
  })))));
};

var NextIcon = (0, _styledComponents.withTheme)(_NextIcon);
exports.NextIcon = NextIcon;
NextIcon.displayName = 'NextIcon';