{"version":3,"file":"FeatureTabs.B7RYe8pm.mjs","names":["React.useState","React.useRef"],"sources":["https:/framerusercontent.com/modules/pVU1LiE2ZtRq0bHadM5a/dthcVt3xexNwyXkSe27A/FeatureTabs.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls}from\"framer\";const tabs=[{id:\"tc-1\",icon:\"https://image-service.unbounce.com/https%3A%2F%2Fapp.unbouncepreview.com%2Fpublish%2Fassets%2Fce223517-2392-4089-a047-bb21850447c5%2F9900b5ac-quote_1000000000000000000028.png\",title:\"Quote Faster\",description:\"Create detailed fee proposals in minutes, not hours.\",image:\"https://image-service.unbounce.com/https%3A%2F%2Fapp.unbouncepreview.com%2Fpublish%2Fassets%2F45cd2f75-101a-4c1b-ae77-9e384459f09a%2Ff86e4f99-tab-content-quote-faster-1_10xc0mf000000000000028.png\",bg:\"#FEFBE880\"},{id:\"tc-2\",icon:\"https://image-service.unbounce.com/https%3A%2F%2Fapp.unbouncepreview.com%2Fpublish%2Fassets%2F82308d11-1ab8-4467-808c-ecaa7c969a0e%2Fdf4c6721-billing_1000000000000000000028.png\",title:\"Bill Smarter\",description:\"Automate invoicing and track payments effortlessly.\",image:\"https://image-service.unbounce.com/https%3A%2F%2Fapp.unbouncepreview.com%2Fpublish%2Fassets%2Fe0fd93d2-24a2-4a40-a770-a6964c571db6%2Fb002e3fa-bill-smarter_10jq0cu000000000000028.png\",bg:\"#ECFCF280\"},{id:\"tc-3\",icon:\"https://image-service.unbounce.com/https%3A%2F%2Fapp.unbouncepreview.com%2Fpublish%2Fassets%2Fdca1739b-3776-4be6-9a60-929a44c00496%2Fb712144e-check_1000000000000000000028.png\",title:\"Track Every Stage\",description:\"Get real-time visibility into project financials, from concept to completion.\",image:\"https://image-service.unbounce.com/https%3A%2F%2Fapp.unbouncepreview.com%2Fpublish%2Fassets%2F6f5c664b-4ea2-421f-97ea-1c10ac7f98dd%2F1e251901-track-every-stage_10jq0cv000000000000028.png\",bg:\"#FEF7C380\"},{id:\"tc-4\",icon:\"https://image-service.unbounce.com/https%3A%2F%2Fapp.unbouncepreview.com%2Fpublish%2Fassets%2Ff5d151e3-3e94-440b-abab-802618877c8a%2Fb6920cb9-team_1000000000000000000028.png\",title:\"Reduce Admin\",description:\"Free your team from spreadsheets and focus on what matters—design.\",image:\"https://image-service.unbounce.com/https%3A%2F%2Fapp.unbouncepreview.com%2Fpublish%2Fassets%2Ff7aeb909-4763-42bb-9b7c-3e573f3d61d2%2Fead785db-reduce-admin_10jq0cu000000000000028.png\",bg:\"#D3F8DF80\"}];const BREAKPOINT=767;export default function FeatureTabs(){const[active,setActive]=React.useState(\"tc-1\");const[width,setWidth]=React.useState(typeof window!==\"undefined\"?window.innerWidth:1200);const containerRef=React.useRef(null);// Use ResizeObserver on the container so it responds to Framer's canvas width,\n// not just window width\nReact.useEffect(()=>{const el=containerRef.current;if(!el)return;const ro=new ResizeObserver(entries=>{for(const entry of entries){setWidth(entry.contentRect.width);}});ro.observe(el);return()=>ro.disconnect();},[]);const isMobile=width<=BREAKPOINT;const activeTab=tabs.find(t=>t.id===active)||tabs[0];return /*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:{width:\"100%\",fontFamily:\"Inter, sans-serif\",boxSizing:\"border-box\"},children:/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:isMobile?\"column\":\"row\",gap:isMobile?20:50,width:\"min(1400px, 100%)\",margin:\"0 auto\",boxSizing:\"border-box\"},children:[/*#__PURE__*/_jsx(\"div\",{style:isMobile?{display:\"flex\",flexDirection:\"row\",flexWrap:\"nowrap\",overflowX:\"auto\",gap:10,paddingBottom:4,width:\"100%\",WebkitOverflowScrolling:\"touch\"}:{width:\"40%\",display:\"flex\",flexDirection:\"column\",padding:\"2rem 0\",flexShrink:0},children:tabs.map(tab=>{const isActive=active===tab.id;return /*#__PURE__*/_jsxs(\"button\",{onClick:()=>setActive(tab.id),style:{cursor:\"pointer\",display:\"flex\",alignItems:\"flex-start\",gap:7,padding:isMobile?\"10px 15px 10px 10px\":20,borderRadius:isMobile?10:20,marginBottom:isMobile?0:10,border:\"1px solid #E5E7EB\",backgroundColor:\"#fff\",color:\"#0D121C\",fontSize:isMobile?14:18,lineHeight:1.6,textAlign:\"left\",filter:isActive?\"grayscale(0)\":\"grayscale(1)\",transition:\"all 0.3s ease\",// Mobile: fixed width card; Desktop: full width\nwidth:isMobile?\"auto\":\"100%\",minWidth:isMobile?160:undefined,maxWidth:isMobile?230:undefined,flexShrink:isMobile?0:undefined,boxSizing:\"border-box\"},children:[/*#__PURE__*/_jsx(\"img\",{src:tab.icon,alt:\"\",style:{flexShrink:0,width:isMobile?24:30,height:\"auto\",display:\"block\",marginTop:2}}),/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"div\",{style:{fontWeight:\"bold\",color:isActive?\"#0D121C\":\"#D2D6DB\",margin:0,fontSize:isMobile?14:18},children:tab.title}),isActive&&/*#__PURE__*/_jsx(\"div\",{style:{color:\"#6C737F\",margin:0,fontSize:isMobile?12:18},children:tab.description})]})]},tab.id);})}),/*#__PURE__*/_jsx(\"div\",{style:{flex:1,padding:isMobile?16:40,backgroundColor:activeTab.bg,border:\"1px solid #E5E7EB\",borderRadius:isMobile?12:20,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",transition:\"background-color 0.3s ease\",boxSizing:\"border-box\",minHeight:isMobile?200:undefined},children:/*#__PURE__*/_jsx(\"img\",{src:activeTab.image,alt:activeTab.title,style:{width:\"100%\",height:\"auto\",display:\"block\"}},activeTab.id)})]})});}addPropertyControls(FeatureTabs,{});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FeatureTabs\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FeatureTabs.map"],"mappings":"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"}