{"version":3,"file":"left_aligned_with_switcher.L5YJiymP.mjs","names":["useRef","useState","useCallback"],"sources":["https:/framerusercontent.com/modules/utmum6XmRqyFAYCPtxa1/7DN0QjyiH2VFTgYDtts9/left_aligned_with_switcher.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState,useEffect,useRef,useCallback}from\"react\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n * @framerIntrinsicWidth 1200\n * @framerIntrinsicHeight 700\n */export default function Left_aligned_with_switcher(props){const{label=\"Reports\",heading=\"Speed up and simplify book closing\",body=\"Access real-time journal entries and reports, with the ability to compare financial positions across any time period – and seamlessly export to your accounting systems and general ledger.\",checklistItems=\"Debits and credits journal entries\\nBalance sheets\\nIncome statements\\nRevenue waterfall charts\\nAccounts receivable ageing reports\",tabLabels=\"Debits/credits journal\\nBalance sheet\\nIncome statement\",labelColor=\"#E25C8A\",headingColor=\"#0A2540\",bodyColor=\"#425466\",backgroundColor=\"#F6F9FC\",cardBackground=\"#FFFFFF\",checkColor=\"#E25C8A\",activeTabColor=\"#E25C8A\",activeTabTextColor=\"#FFFFFF\",inactiveTabColor=\"transparent\",inactiveTabTextColor=\"#0A2540\",image1,image2,image3,image1AltText=\"\",image2AltText=\"\",image3AltText=\"\",autoRotate=true,rotateInterval=4e3,cardHeight=500,cardBorderRadius=12}=props;const containerRef=useRef(null);const sectionRef=useRef(null);const timerRef=useRef(null);const[containerWidth,setContainerWidth]=useState(1200);const[activeTab,setActiveTab]=useState(0);const tabs=tabLabels.split(\"\\n\").filter(Boolean);const images=[image1,image2,image3];const imageAltTexts=[image1AltText,image2AltText,image3AltText];const goToTab=useCallback(index=>{setActiveTab(index);},[]);useEffect(()=>{if(!containerRef.current)return;const ro=new ResizeObserver(entries=>{for(const entry of entries){setContainerWidth(entry.contentRect.width);}});ro.observe(containerRef.current);return()=>ro.disconnect();},[]);useEffect(()=>{if(!autoRotate||tabs.length===0)return;timerRef.current=setInterval(()=>{setActiveTab(prev=>(prev+1)%tabs.length);},rotateInterval);return()=>{if(timerRef.current)clearInterval(timerRef.current);};},[autoRotate,rotateInterval,tabs.length]);const handleTabClick=useCallback(index=>{setActiveTab(index);if(timerRef.current)clearInterval(timerRef.current);if(autoRotate){timerRef.current=setInterval(()=>{setActiveTab(prev=>(prev+1)%tabs.length);},rotateInterval);}},[autoRotate,rotateInterval,tabs.length]);const isMobile=containerWidth<640;const isTablet=containerWidth>=640&&containerWidth<960;const checklist=checklistItems.split(\"\\n\").filter(Boolean);const responsiveCardHeight=isMobile?300:isTablet?400:cardHeight;const currentImage=images[activeTab]||null;const currentImageAltText=imageAltTexts[activeTab]??\"\";return /*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:{width:\"100%\",backgroundColor,display:\"flex\",justifyContent:\"center\",fontFamily:'-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',overflow:\"hidden\"},children:/*#__PURE__*/_jsxs(\"div\",{ref:sectionRef,style:{width:\"100%\",maxWidth:1200,display:\"flex\",flexDirection:isMobile?\"column\":\"row\",alignItems:isMobile?\"stretch\":\"center\",gap:isMobile?32:isTablet?40:64,padding:isMobile?\"48px 20px\":isTablet?\"72px 40px\":\"100px 60px\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{flex:isMobile?\"none\":isTablet?\"0 0 44%\":\"0 0 42%\",width:isMobile?\"100%\":undefined,display:\"flex\",flexDirection:\"column\",gap:0},children:[/*#__PURE__*/_jsx(\"span\",{style:{color:labelColor,fontSize:isMobile?13:15,fontWeight:600,letterSpacing:\"0.025em\",marginBottom:20,lineHeight:1},children:label}),/*#__PURE__*/_jsx(\"h2\",{style:{color:headingColor,fontSize:isMobile?28:isTablet?34:42,fontWeight:700,lineHeight:1.15,margin:0,marginBottom:20,letterSpacing:\"-0.025em\"},children:heading}),/*#__PURE__*/_jsx(\"p\",{style:{color:bodyColor,fontSize:isMobile?15:17,lineHeight:1.7,margin:0,marginBottom:28},children:body}),/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:isMobile?10:12},children:checklist.map((item,i)=>/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:12},children:[/*#__PURE__*/_jsxs(\"svg\",{width:\"20\",height:\"20\",viewBox:\"0 0 20 20\",fill:\"none\",style:{flexShrink:0},children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"10\",cy:\"10\",r:\"10\",fill:checkColor,opacity:\"0.12\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M6 10.5L8.5 13L14 7\",stroke:checkColor,strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})]}),/*#__PURE__*/_jsx(\"span\",{style:{color:headingColor,fontSize:isMobile?14:15,fontWeight:400,lineHeight:1.5},children:item})]},i))})]}),/*#__PURE__*/_jsxs(\"div\",{style:{flex:isMobile?\"none\":isTablet?\"0 0 52%\":\"0 0 50%\",width:isMobile?\"100%\":undefined,display:\"flex\",flexDirection:\"column\",gap:16},children:[tabs.length>0&&/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\",gap:isMobile?4:8,flexWrap:\"wrap\"},children:tabs.map((tab,i)=>/*#__PURE__*/_jsx(\"button\",{onClick:()=>handleTabClick(i),style:{padding:isMobile?\"8px 14px\":\"10px 20px\",borderRadius:999,border:\"none\",cursor:\"pointer\",fontSize:isMobile?13:15,fontWeight:500,fontFamily:\"inherit\",transition:\"all 0.25s ease\",backgroundColor:activeTab===i?activeTabColor:inactiveTabColor,color:activeTab===i?activeTabTextColor:inactiveTabTextColor,outline:\"none\"},children:tab},i))}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",borderRadius:cardBorderRadius,overflow:\"hidden\",height:responsiveCardHeight,boxShadow:\"0 50px 100px -20px rgba(50,50,93,0.12), 0 30px 60px -30px rgba(0,0,0,0.1), 0 -2px 6px 0 rgba(10,37,64,0.02)\",backgroundColor:cardBackground},children:currentImage?/*#__PURE__*/_jsx(\"img\",{src:currentImage,alt:currentImageAltText,style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",objectPosition:\"top left\",display:\"block\",transition:\"opacity 0.3s ease\"}}):/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",background:\"linear-gradient(180deg, \"+cardBackground+\" 0%, #E2E8F0 50%, \"+cardBackground+\" 100%)\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",color:\"#94A3B8\",fontSize:14,fontWeight:500},children:\"Add images via component properties\"})})]})]})});}addPropertyControls(Left_aligned_with_switcher,{label:{title:\"Label\",type:ControlType.String,defaultValue:\"Reports\"},heading:{title:\"Heading\",type:ControlType.String,defaultValue:\"Speed up and simplify book closing\"},body:{title:\"Body\",type:ControlType.String,displayTextArea:true,defaultValue:\"Access real-time journal entries and reports, with the ability to compare financial positions across any time period and seamlessly export to your accounting systems and general ledger.\"},checklistItems:{title:\"Checklist Items\",type:ControlType.String,displayTextArea:true,defaultValue:\"Debits and credits journal entries\\nBalance sheets\\nIncome statements\\nRevenue waterfall charts\\nAccounts receivable ageing reports\"},tabLabels:{title:\"Tab Labels\",type:ControlType.String,displayTextArea:true,defaultValue:\"Debits/credits journal\\nBalance sheet\\nIncome statement\"},labelColor:{title:\"Label Color\",type:ControlType.Color,defaultValue:\"#E25C8A\"},headingColor:{title:\"Heading Color\",type:ControlType.Color,defaultValue:\"#0A2540\"},bodyColor:{title:\"Body Color\",type:ControlType.Color,defaultValue:\"#425466\"},checkColor:{title:\"Check Color\",type:ControlType.Color,defaultValue:\"#E25C8A\"},activeTabColor:{title:\"Active Tab\",type:ControlType.Color,defaultValue:\"#E25C8A\"},activeTabTextColor:{title:\"Active Tab Text\",type:ControlType.Color,defaultValue:\"#FFFFFF\"},inactiveTabTextColor:{title:\"Inactive Tab Text\",type:ControlType.Color,defaultValue:\"#0A2540\"},backgroundColor:{title:\"Background\",type:ControlType.Color,defaultValue:\"#F6F9FC\"},cardBackground:{title:\"Card Background\",type:ControlType.Color,defaultValue:\"#FFFFFF\"},image1:{title:\"Image 1\",type:ControlType.Image},image1AltText:{title:\"Image 1 Alt Text\",type:ControlType.String,defaultValue:\"\"},image2:{title:\"Image 2\",type:ControlType.Image},image2AltText:{title:\"Image 2 Alt Text\",type:ControlType.String,defaultValue:\"\"},image3:{title:\"Image 3\",type:ControlType.Image},image3AltText:{title:\"Image 3 Alt Text\",type:ControlType.String,defaultValue:\"\"},autoRotate:{title:\"Auto Rotate\",type:ControlType.Boolean,defaultValue:true},rotateInterval:{title:\"Rotate Speed (ms)\",type:ControlType.Number,defaultValue:4e3,min:1e3,max:1e4,step:500},cardHeight:{title:\"Card Height\",type:ControlType.Number,defaultValue:500,min:200,max:800,step:10},cardBorderRadius:{title:\"Card Radius\",type:ControlType.Number,defaultValue:12,min:0,max:40,step:1}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Left_aligned_with_switcher\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerIntrinsicWidth\":\"1200\",\"framerSupportedLayoutWidth\":\"any\",\"framerIntrinsicHeight\":\"700\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./left_aligned_with_switcher.map"],"mappings":"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"}