"use strict";

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

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

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

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

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

var Images = function Images(_ref) {
  var _product$productSlug, _product$productName, _product$productName2;

  var product = _ref.product;

  var _useBasketLineItem = (0, _lib.useBasketLineItem)({
    item: product
  }),
      images = _useBasketLineItem.images;

  return /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_lib.Link, {
    href: "/" + ((_product$productSlug = product.productSlug) == null ? void 0 : _product$productSlug[0].value) + "/p"
  }, /*#__PURE__*/_react["default"].createElement(_Common.LazyResponsiveImage, {
    breakpointSizes: {},
    defaultImageWidth: "8rem",
    imagesMap: images == null ? void 0 : images[0],
    alt: (_product$productName = product.productName) == null ? void 0 : _product$productName[0].value,
    title: (_product$productName2 = product.productName) == null ? void 0 : _product$productName2[0].value,
    background: "#fff"
  })));
};

exports.Images = Images;
//# sourceMappingURL=index.js.map