{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/kqVBxr3rOKRfceL3jInW/XaaIaDRkqgAtI04f8RE8/Custom_Slideshow.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function FixedSlideshow(props){const{images=[]}=props;const[currentIndex,setCurrentIndex]=useState(0);// Auto-play effect that changes slides every 3 seconds\nuseEffect(()=>{if(images.length<=1)return;// Don't auto-play if there's only one image\nconst timer=setInterval(()=>{setCurrentIndex(current=>current===images.length-1?0:current+1);},5e3);// Clean up timer when component unmounts\nreturn()=>clearInterval(timer);},[images.length]);const containerStyle={display:\"flex\",flexDirection:\"column\",gap:\"8px\",width:\"100%\",height:\"100%\"};// Updated main image container style with 4:5 aspect ratio for taller images\nconst mainImageStyle={width:\"100%\",aspectRatio:\"4/5\",overflow:\"hidden\",borderRadius:\"8px\",backgroundColor:\"#f3f4f6\",position:\"relative\"};const thumbnailContainerStyle={display:\"flex\",gap:\"6px\",// overflowX: \"auto\",\n// overflowY: \"hidden\",\n// padding: \"16px\",\nwidth:\"100%\",flexWrap:\"wrap\",msOverflowStyle:\"none\",scrollbarWidth:\"none\",\"::-webkit-scrollbar\":{display:\"none\"}};if(!images.length){return /*#__PURE__*/_jsx(\"div\",{style:{...containerStyle,justifyContent:\"center\",alignItems:\"center\"},children:/*#__PURE__*/_jsx(\"p\",{style:{color:\"#6b7280\"},children:\"Add images in property controls\"})});}return /*#__PURE__*/_jsxs(\"div\",{style:containerStyle,children:[/*#__PURE__*/_jsx(\"div\",{style:mainImageStyle,children:/*#__PURE__*/_jsx(\"img\",{src:images[currentIndex],alt:`Slide ${currentIndex+1}`,style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",transition:\"opacity 0.5s ease-in-out\"}})}),/*#__PURE__*/_jsx(\"div\",{style:thumbnailContainerStyle,children:images.map((image,index)=>/*#__PURE__*/_jsx(\"button\",{onClick:()=>setCurrentIndex(index),style:{width:\"70px\",height:\"70px\",flexShrink:0,borderRadius:\"4px\",overflow:\"hidden\",border:currentIndex===index?\"2px solid #3b82f6\":\"2px solid transparent\",transition:\"border-color 0.2s ease\",padding:0,cursor:\"pointer\"},children:/*#__PURE__*/_jsx(\"img\",{src:image,alt:`Thumbnail ${index+1}`,style:{width:\"100%\",height:\"100%\",objectFit:\"cover\"}})},index))})]});}addPropertyControls(FixedSlideshow,{images:{type:ControlType.Array,control:{type:ControlType.Image},title:\"Images\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FixedSlideshow\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Custom_Slideshow.map"],
  "mappings": "8GAAkK,SAARA,EAAgCC,EAAM,CAAC,GAAK,CAAC,OAAAC,EAAO,CAAC,CAAC,EAAED,EAAW,CAACE,EAAaC,CAAe,EAAEC,EAAS,CAAC,EACtQC,EAAU,IAAI,CAAC,GAAGJ,EAAO,QAAQ,EAAE,OACnC,IAAMK,EAAM,YAAY,IAAI,CAACH,EAAgBI,GAASA,IAAUN,EAAO,OAAO,EAAE,EAAEM,EAAQ,CAAC,CAAE,EAAE,GAAG,EAClG,MAAM,IAAI,cAAcD,CAAK,CAAE,EAAE,CAACL,EAAO,MAAM,CAAC,EAAE,IAAMO,EAAe,CAAC,QAAQ,OAAO,cAAc,SAAS,IAAI,MAAM,MAAM,OAAO,OAAO,MAAM,EAC5IC,EAAe,CAAC,MAAM,OAAO,YAAY,MAAM,SAAS,SAAS,aAAa,MAAM,gBAAgB,UAAU,SAAS,UAAU,EAAQC,EAAwB,CAAC,QAAQ,OAAO,IAAI,MAG3L,MAAM,OAAO,SAAS,OAAO,gBAAgB,OAAO,eAAe,OAAO,sBAAsB,CAAC,QAAQ,MAAM,CAAC,EAAE,OAAIT,EAAO,OAA0OU,EAAM,MAAM,CAAC,MAAMH,EAAe,SAAS,CAAcI,EAAK,MAAM,CAAC,MAAMH,EAAe,SAAsBG,EAAK,MAAM,CAAC,IAAIX,EAAOC,CAAY,EAAE,IAAI,SAASA,EAAa,CAAC,GAAG,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,UAAU,QAAQ,WAAW,0BAA0B,CAAC,CAAC,CAAC,CAAC,EAAeU,EAAK,MAAM,CAAC,MAAMF,EAAwB,SAAST,EAAO,IAAI,CAACY,EAAMC,IAAqBF,EAAK,SAAS,CAAC,QAAQ,IAAIT,EAAgBW,CAAK,EAAE,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,WAAW,EAAE,aAAa,MAAM,SAAS,SAAS,OAAOZ,IAAeY,EAAM,oBAAoB,wBAAwB,WAAW,yBAAyB,QAAQ,EAAE,OAAO,SAAS,EAAE,SAAsBF,EAAK,MAAM,CAAC,IAAIC,EAAM,IAAI,aAAaC,EAAM,CAAC,GAAG,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,UAAU,OAAO,CAAC,CAAC,CAAC,EAAEA,CAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAA/9BF,EAAK,MAAM,CAAC,MAAM,CAAC,GAAGJ,EAAe,eAAe,SAAS,WAAW,QAAQ,EAAE,SAAsBI,EAAK,IAAI,CAAC,MAAM,CAAC,MAAM,SAAS,EAAE,SAAS,iCAAiC,CAAC,CAAC,CAAC,CAA0yB,CAACG,EAAoBhB,EAAe,CAAC,OAAO,CAAC,KAAKiB,EAAY,MAAM,QAAQ,CAAC,KAAKA,EAAY,KAAK,EAAE,MAAM,QAAQ,CAAC,CAAC",
  "names": ["FixedSlideshow", "props", "images", "currentIndex", "setCurrentIndex", "ye", "ue", "timer", "current", "containerStyle", "mainImageStyle", "thumbnailContainerStyle", "u", "p", "image", "index", "addPropertyControls", "ControlType"]
}