import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject;

import React from 'react';
import styled from 'styled-components';
import { Link } from '@sentecacommerce-theme/lib';
import { IconChevronRight } from '../../../Common';
export var MobileBackButton = (_ref) => {
  var {
    last
  } = _ref;
  return /*#__PURE__*/React.createElement(Link, {
    href: (last == null ? void 0 : last.link) || '/'
  }, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(IconChevronRight, null)));
};
var Container = styled.a.attrs({
  className: 'd-flex align-items-center d-md-none'
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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