{"version":3,"sources":["webpack:///./Scripts/Components/ProductImageCarousel.js"],"names":["CarouselSettings","showStatus","showThumbs","infiniteLoop","ProductImageCarousel","values","value","index","className","key","style","backgroundImage","src"],"mappings":"yKAIMA,EAAmB,CACvBC,YAAY,EACZC,YAAY,EACZC,cAAc,GAkBDC,UAfc,SAAC,GAAD,IAAGC,EAAH,cAC3B,kBAAC,WAAaL,EACX,IAAAK,GAAM,KAANA,GAAW,SAACC,EAAOC,GAAR,OACV,yBAAKC,UAAU,uBAAuBC,IAAG,gBAAWF,IAClD,yBAAKC,UAAU,2BACb,yBACEA,UAAU,gBACVE,MAAO,CAAEC,gBAAiB,OAASL,EAAMM,IAAM","file":"7.909099c52f1fbb9014d5.js","sourcesContent":["import React from \"react\";\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\nimport { Carousel } from \"react-responsive-carousel\";\n\nconst CarouselSettings = {\n  showStatus: false,\n  showThumbs: false,\n  infiniteLoop: true,\n};\n\nconst ProductImageCarousel = ({ values }) => (\n  <Carousel {...CarouselSettings}>\n    {values.map((value, index) => (\n      <div className=\"productslider__image\" key={`figure${index}`}>\n        <div className=\"slider__image-container\">\n          <div\n            className=\"slider__image\"\n            style={{ backgroundImage: \"url(\" + value.src + \")\" }}\n          ></div>\n        </div>\n      </div>\n    ))}\n  </Carousel>\n);\n\nexport default ProductImageCarousel;\n"],"sourceRoot":""}