"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.MobileBackButton = void 0;

var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));

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

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

var _lib = require("@sentecacommerce-theme/lib");

var _Common = require("../../../Common");

var _templateObject;

var MobileBackButton = function MobileBackButton(_ref) {
  var last = _ref.last;
  return /*#__PURE__*/_react["default"].createElement(_lib.Link, {
    href: (last == null ? void 0 : last.link) || '/'
  }, /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(_Common.IconChevronRight, null)));
};

exports.MobileBackButton = MobileBackButton;

var Container = _styledComponents["default"].a.attrs({
  className: 'd-flex align-items-center d-md-none'
})(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  & > svg {\n    width: 2.6rem;\n    transform: rotate(180deg);\n    margin-right: 1rem;\n    margin-left: -0.6rem;\n    margin-top: -0.4rem;\n  }\n"])));
//# sourceMappingURL=index.js.map