{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/7gVFzwwllz4ikvd7G41U/pYNczTwgwkHbqyjhbbkj/Vairant_swaps.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState}from\"react\";import{motion}from\"framer-motion\";import{RenderTarget}from\"framer\";/**\n * @framerIntrinsicWidth 420\n * @framerIntrinsicHeight 70\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n * @framerDisableUnlink\n */export default function TanToYellowVariantButtons(){// The monthly variant options\nconst variants=[4,6,8,16];// Track which variant is selected\nconst[selected,setSelected]=useState(null);// Handle user click: update URL, no page reload\nconst handleClick=val=>{setSelected(val);// Avoid changing the URL on the Framer Canvas\nif(RenderTarget.current()===RenderTarget.canvas)return;// Update or add ?id=[val]pm in the current browser URL\nconst currentUrl=new URL(window.location.href);currentUrl.searchParams.set(\"id\",`${val}pm`);window.history.replaceState({},\"\",currentUrl.toString());};return /*#__PURE__*/_jsx(\"div\",{style:containerStyle,children:variants.map(val=>{const isSelected=val===selected;return /*#__PURE__*/_jsxs(motion.button,{onClick:()=>handleClick(val),whileHover:{scale:1.06},whileTap:{scale:.92},// Animate background & text color\nanimate:{background:isSelected?\"linear-gradient(135deg, #C0C0C0, #A0A0A0)\"// greyed-out\n:\"linear-gradient(135deg, #D2B48C 25%, #FFD75F 100%)\",color:isSelected?\"#555\":\"#FFF\",boxShadow:isSelected?\"0 4px 8px rgba(0, 0, 0, 0.2)\":\"0 3px 6px rgba(0, 0, 0, 0.15)\"},transition:{type:\"spring\",stiffness:400,damping:18},style:buttonBaseStyle,children:[val,\" per month\"]},val);})});}/********************************\n *          Shared Styles       *\n ********************************/const containerStyle={display:\"flex\",gap:16};const buttonBaseStyle={padding:\"12px 20px\",borderRadius:14,border:\"none\",outline:\"none\",cursor:\"pointer\",fontSize:\"16px\",fontWeight:600,letterSpacing:\"0.02em\",// Eliminate default highlight/focus color\nWebkitTapHighlightColor:\"transparent\",userSelect:\"none\",// Smoother transitions\ntransition:\"all 0.2s ease\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TanToYellowVariantButtons\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicHeight\":\"70\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicWidth\":\"420\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Vairant_swaps.map"],
  "mappings": "gJAMkB,SAARA,GAA4C,CACtD,IAAMC,EAAS,CAAC,EAAE,EAAE,EAAE,EAAE,EACnB,CAACC,EAASC,CAAW,EAAEC,EAAS,IAAI,EACnCC,EAAYC,GAAK,CACvB,GADwBH,EAAYG,CAAG,EACpCC,EAAa,QAAQ,IAAIA,EAAa,OAAO,OAChD,IAAMC,EAAW,IAAI,IAAIC,EAAO,SAAS,IAAI,EAAED,EAAW,aAAa,IAAI,KAAK,GAAGF,KAAO,EAAEG,EAAO,QAAQ,aAAa,CAAC,EAAE,GAAGD,EAAW,SAAS,CAAC,CAAE,EAAE,OAAoBE,EAAK,MAAM,CAAC,MAAMC,EAAe,SAASV,EAAS,IAAIK,GAAK,CAAC,IAAMM,EAAWN,IAAMJ,EAAS,OAAoBW,EAAMC,EAAO,OAAO,CAAC,QAAQ,IAAIT,EAAYC,CAAG,EAAE,WAAW,CAAC,MAAM,IAAI,EAAE,SAAS,CAAC,MAAM,GAAG,EACzX,QAAQ,CAAC,WAAWM,EAAW,4CAC9B,qDAAqD,MAAMA,EAAW,OAAO,OAAO,UAAUA,EAAW,+BAA+B,+BAA+B,EAAE,WAAW,CAAC,KAAK,SAAS,UAAU,IAAI,QAAQ,EAAE,EAAE,MAAMG,EAAgB,SAAS,CAACT,EAAI,YAAY,CAAC,EAAEA,CAAG,CAAE,CAAC,CAAC,CAAC,CAAE,CAEzP,IAAMK,EAAe,CAAC,QAAQ,OAAO,IAAI,EAAE,EAAQI,EAAgB,CAAC,QAAQ,YAAY,aAAa,GAAG,OAAO,OAAO,QAAQ,OAAO,OAAO,UAAU,SAAS,OAAO,WAAW,IAAI,cAAc,SACrO,wBAAwB,cAAc,WAAW,OACjD,WAAW,eAAe",
  "names": ["TanToYellowVariantButtons", "variants", "selected", "setSelected", "ye", "handleClick", "val", "RenderTarget", "currentUrl", "window", "p", "containerStyle", "isSelected", "u", "motion", "buttonBaseStyle"]
}