import React from 'react';
import { Link, useBasketLineItem } from '@sentecacommerce-theme/lib';
import { LazyResponsiveImage } from '../../../../../../../Common';
export var Images = (_ref) => {
  var _product$productSlug, _product$productName, _product$productName2;

  var {
    product
  } = _ref;
  var {
    images
  } = useBasketLineItem({
    item: product
  });
  return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Link, {
    href: "/" + ((_product$productSlug = product.productSlug) == null ? void 0 : _product$productSlug[0].value) + "/p"
  }, /*#__PURE__*/React.createElement(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"
  })));
};
//# sourceMappingURL=index.js.map