{"version":3,"file":"static/chunks/2542.a3d6b7aa8ad4a087.js","mappings":"qMAWAA,EAAAA,EAAUA,CAACC,GAAG,CAAC,CAACC,EAAAA,EAAUA,CAAC,EAgH3BC,EAAA,QApFkD,OAAC,CAAEC,gBAAAA,CAAe,CAAE,CAAAC,EAC9D,CAACC,EAAaC,EAAe,CAAGC,CAAAA,EAAAA,EAAAA,QAAAA,EAAkB,IAClD,CAACC,EAAcC,EAAgB,CAAGF,CAAAA,EAAAA,EAAAA,QAAAA,EAAkB,IAEpDG,EAAoB,IACxBJ,EAAeK,EAAOC,KAAK,EAC3BH,EAAgBE,EAAOE,WAAW,CACpC,EAEMC,EAAmB,IACvBL,EAAgBE,EAAOE,WAAW,EAClCP,EAAeK,EAAOC,KAAK,CAC7B,EAEA,MACE,GAAAG,EAAAC,IAAA,EAACC,MAAAA,CAAIC,UAAU,yEACb,GAAAH,EAAAC,IAAA,EAACC,MAAAA,CAAIC,UAAU,mDACb,GAAAH,EAAAI,GAAA,EAACC,KAAAA,CAAGF,UAAU,uDAA8C,iBAG5D,GAAAH,EAAAC,IAAA,EAACC,MAAAA,CAAII,GAAG,aAAaH,UAAU,oCAC7B,GAAAH,EAAAI,GAAA,EAACF,MAAAA,CAAIC,UAAU,qBACb,GAAAH,EAAAI,GAAA,EAACG,EAAAA,CAAiBA,CAAAA,CAACd,aAAcA,MAEnC,GAAAO,EAAAI,GAAA,EAACF,MAAAA,CAAIC,UAAU,qBACb,GAAAH,EAAAI,GAAA,EAACI,EAAAA,CAAkBA,CAAAA,CAAClB,YAAaA,YAKvC,GAAAU,EAAAI,GAAA,EAACK,EAAAA,EAAMA,CAAAA,CACLN,UAAU,2CACVO,aAAc,GACdC,cAAe,EACfC,cAAe,GAAiBjB,EAAkBC,GAClDiB,OAAQ,GAAiBd,EAAiBH,GAC1CkB,WAAY,CACVC,OAAQ,aACRC,OAAQ,YACV,EACAC,YAAa,CAEX,IAAK,CACHN,cAAe,EACfD,aAAc,EAChB,EACA,IAAK,CACHC,cAAe,EACfD,aAAc,EAChB,EACA,IAAK,CACHC,cAAe,EACfD,aAAc,EAChB,EACA,IAAK,CACHC,cAAe,EACfD,aAAc,EAChB,EACA,KAAM,CACJC,cAAe,EACfD,aAAc,EAChB,EACA,KAAM,CACJC,cAAe,EACfD,aAAc,EAChB,CACF,WAECtB,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAiB8B,MAAM,EAAG,EACzB9B,EAAgB+B,GAAG,CAAC,CAACC,EAASC,IAC5B,GAAArB,EAAAI,GAAA,EAACkB,EAAAA,EAAWA,CAAAA,UACV,GAAAtB,EAAAI,GAAA,EAACmB,EAAAA,CAAmBA,CAAAA,CAACC,SAAUJ,EAASC,MAAOA,EAAQ,KADvCD,EAAQd,EAAE,GAK9B,GAAAN,EAAAI,GAAA,EAACF,MAAAA,CAAIC,UAAU,yEAAgE,gCAOzF","sources":["webpack://_N_E/./components/TourPage/RelatedTours.tsx","webpack://_N_E/<anon>"],"sourcesContent":["import React, { useState } from 'react';\nimport SwiperCore, { Navigation } from 'swiper';\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport 'swiper/swiper-bundle.css';\nimport 'swiper/css';\nimport LandingPageTourCard from '../Tours/LandingPageTourCard';\nimport {\n  LeftSwipperArrows,\n  RightSwipperArrows\n} from '../../shared-components/SwipperArrows/SwipperArrows';\n\nSwiperCore.use([Navigation]);\n\ninterface RelatedProductCarouselItem {\n  alt: string;\n  image: string;\n}\n\ninterface RelatedProduct {\n  avg_rating: string;\n  carousel: RelatedProductCarouselItem[];\n  city: string;\n  country: string;\n  duration: number;\n  highlight: string;\n  id: string;\n  name: string;\n  objectID: string;\n  price: string;\n  private: boolean;\n  reviews_count: number;\n  slug: string;\n  snippet: string;\n}\n\ninterface RelatedToursProps {\n  relatedProducts: RelatedProduct[]; // Array of related products\n}\n\nconst RelatedTours: React.FC<RelatedToursProps> = ({ relatedProducts }) => {\n  const [isLastSlide, setIsLastSlide] = useState<boolean>(false);\n  const [isFirstSlide, setIsFirstSlide] = useState<boolean>(false);\n\n  const handleSlideChange = (swiper: any) => {\n    setIsLastSlide(swiper.isEnd);\n    setIsFirstSlide(swiper.isBeginning);\n  };\n\n  const handleSwiperInit = (swiper: any) => {\n    setIsFirstSlide(swiper.isBeginning);\n    setIsLastSlide(swiper.isEnd);\n  };\n\n  return (\n    <div className=\"flex flex-col justify-between pt-4 pb-6 w-full max-w-[100vw]\">\n      <div className=\"flex py-4 justify-between items-center\">\n        <h2 className=\"text-lg lg:text-xl font-semibold text-start\">\n          Nearby Tours\n        </h2>\n        <div id=\"slider-btn\" className=\"flex gap-2 items-center\">\n          <div className=\"prevSlide\">\n            <LeftSwipperArrows isFirstSlide={isFirstSlide} />\n          </div>\n          <div className=\"nextSlide\">\n            <RightSwipperArrows isLastSlide={isLastSlide} />\n          </div>\n        </div>\n      </div>\n\n      <Swiper\n        className=\"related-tours-swiper w-full px-4 sm:px-0\"\n        spaceBetween={20}\n        slidesPerView={1} // Force 1 slide as default\n        onSlideChange={(swiper: any) => handleSlideChange(swiper)}\n        onInit={(swiper: any) => handleSwiperInit(swiper)}\n        navigation={{\n          nextEl: '.nextSlide',\n          prevEl: '.prevSlide'\n        }}\n        breakpoints={{\n          // Explicitly set breakpoints\n          320: {\n            slidesPerView: 1, // Mobile devices\n            spaceBetween: 10\n          },\n          480: {\n            slidesPerView: 1,\n            spaceBetween: 10\n          },\n          640: {\n            slidesPerView: 2, // Small tablets\n            spaceBetween: 15\n          },\n          768: {\n            slidesPerView: 2, // Tablets\n            spaceBetween: 20\n          },\n          1024: {\n            slidesPerView: 3, // Laptops\n            spaceBetween: 20\n          },\n          1280: {\n            slidesPerView: 4, // Large screens\n            spaceBetween: 20\n          }\n        }}\n      >\n        {relatedProducts?.length > 0 ? (\n          relatedProducts.map((product, index) => (\n            <SwiperSlide key={product.id}>\n              <LandingPageTourCard tourCard={product} index={index + 1} />\n            </SwiperSlide>\n          ))\n        ) : (\n          <div className=\"flex justify-start text-[14px] md:text-base items-center h-12\">\n            No related tours found.\n          </div>\n        )}\n      </Swiper>\n    </div>\n  );\n};\n\nexport default RelatedTours;\n"],"names":["SwiperCore","use","Navigation","__webpack_exports__","relatedProducts","param","isLastSlide","setIsLastSlide","useState","isFirstSlide","setIsFirstSlide","handleSlideChange","swiper","isEnd","isBeginning","handleSwiperInit","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsxs","div","className","jsx","h2","id","LeftSwipperArrows","RightSwipperArrows","Swiper","spaceBetween","slidesPerView","onSlideChange","onInit","navigation","nextEl","prevEl","breakpoints","length","map","product","index","SwiperSlide","LandingPageTourCard","tourCard"],"sourceRoot":""}