{"version":3,"file":"SlidingButtonWithOverlay.B0GBe8ds.mjs","names":[],"sources":["https:/framerusercontent.com/modules/GWYwZYw9EDFrQWvLIk0o/eGW6qniLWfOfNayMZHLN/SlidingButtonWithOverlay.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";export default function SlidingButtonWithOverlayComponent(props){const handleClick=e=>{e.preventDefault();const baseUrl=props.url||\"https://forms.nativveresearch.com/to/uvcxM0Qb\";const urlWithParams=`${baseUrl}${window.location.search}`;window.showLightbox(urlWithParams,{maxWidth:\"1000px\",maxHeight:\"800px\"});};return /*#__PURE__*/_jsxs(\"button\",{className:\"book-call-btn\",style:buttonStyle,onMouseEnter:e=>{e.currentTarget.style.backgroundColor=\"#F4F5FA\";const arrow=e.currentTarget.querySelector(\".arrow-wrapper\");const text=e.currentTarget.querySelector(\".text-content\");const buttonWidth=e.currentTarget.offsetWidth;const arrowWidth=46;const rightPadding=7;const leftPadding=7;// Calculate how far arrow needs to move to be 7px from right\nconst arrowDistance=buttonWidth-arrowWidth-rightPadding-leftPadding;if(arrow){arrow.style.transform=`translateX(${arrowDistance}px)`;arrow.style.backgroundColor=\"#fff\";}if(text){text.style.transform=`translateX(-46px)`;text.style.color=\"#2b2f36\";}},onMouseLeave:e=>{e.currentTarget.style.backgroundColor=\"#172A3A\";const arrow=e.currentTarget.querySelector(\".arrow-wrapper\");const text=e.currentTarget.querySelector(\".text-content\");if(arrow){arrow.style.transform=\"translateX(0px)\";arrow.style.backgroundColor=\"#fff\";}if(text){text.style.transform=\"translateX(0px)\";text.style.color=\"#fff\";}},onClick:handleClick,children:[/*#__PURE__*/_jsx(\"div\",{className:\"arrow-wrapper\",style:arrowWrapperStyle,children:/*#__PURE__*/_jsx(\"svg\",{width:\"16\",height:\"16\",viewBox:\"0 0 16 16\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:/*#__PURE__*/_jsx(\"path\",{fillRule:\"evenodd\",clipRule:\"evenodd\",d:\"M9.26033 0.743386C9.38087 0.587538 9.54427 0.5 9.71463 0.5C9.885 0.5 10.0484 0.587538 10.1689 0.743386L15.312 7.40115C15.4324 7.55719 15.5 7.76872 15.5 7.98925C15.5 8.20979 15.4324 8.42132 15.312 8.57736L10.1689 15.2351C10.1101 15.3169 10.0391 15.3825 9.96025 15.428C9.88139 15.4734 9.79626 15.4979 9.70994 15.4999C9.62362 15.5018 9.53788 15.4813 9.45783 15.4394C9.37778 15.3976 9.30506 15.3353 9.24401 15.2562C9.18296 15.1772 9.13484 15.0831 9.1025 14.9795C9.07017 14.8758 9.05429 14.7648 9.05581 14.6531C9.05734 14.5414 9.07623 14.4312 9.11137 14.3291C9.14651 14.227 9.19717 14.1351 9.26033 14.0589L13.3062 8.82148H1.14288C0.972379 8.82148 0.808859 8.7338 0.688296 8.57772C0.567732 8.42165 0.5 8.20997 0.5 7.98925C0.5 7.76854 0.567732 7.55686 0.688296 7.40079C0.808859 7.24471 0.972379 7.15703 1.14288 7.15703H13.3062L9.26033 1.91959C9.13994 1.76355 9.07232 1.55203 9.07232 1.33149C9.07232 1.11095 9.13994 0.899427 9.26033 0.743386Z\",fill:\"#172A3A\"})})}),/*#__PURE__*/_jsx(\"span\",{className:\"text-content\",style:textStyle,children:props.text})]});}SlidingButtonWithOverlayComponent.defaultProps={text:\"Book a call\",url:\"https://forms.nativveresearch.com/to/uvcxM0Qb\"};addPropertyControls(SlidingButtonWithOverlayComponent,{text:{type:ControlType.String,title:\"Button Text\"},url:{type:ControlType.String,title:\"Form URL\"}});const buttonStyle={display:\"inline-flex\",alignItems:\"center\",justifyContent:\"space-between\",backgroundColor:\"#172A3A\",border:\"none\",borderRadius:\"50px\",padding:\"10px 30px\",fontSize:\"18px\",fontWeight:\"700\",color:\"#fff\",cursor:\"pointer\",position:\"relative\",transition:\"background-color 0.4s ease\",overflow:\"hidden\",height:\"60px\",minWidth:\"172px\",width:\"fit-content\",fontFamily:'\"Open Sans\", \"Open Sans Placeholder\", sans-serif',margin:\"0 auto 0 0\"};const arrowWrapperStyle={display:\"flex\",alignItems:\"center\",justifyContent:\"center\",width:\"46px\",height:\"46px\",backgroundColor:\"#fff\",borderRadius:\"50%\",transition:\"transform 0.4s ease, background-color 0.4s ease\",position:\"absolute\",left:\"7px\"};const textStyle={position:\"relative\",zIndex:1,transition:\"transform 0.4s ease, color 0.4s ease\",marginLeft:\"40px\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SlidingButtonWithOverlayComponent\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SlidingButtonWithOverlay.map"],"mappings":"4KAA6G,SAAwB,EAAkC,EAAM,CAAwP,OAAoB,EAAM,SAAS,CAAC,UAAU,gBAAgB,MAAM,EAAY,aAAa,GAAG,CAAC,EAAE,cAAc,MAAM,gBAAgB,UAAU,IAAM,EAAM,EAAE,cAAc,cAAc,iBAAiB,CAAO,EAAK,EAAE,cAAc,cAAc,gBAAgB,CACrqB,EADwrB,EAAE,cAAc,YAA6B,GAAsB,EAAoB,EAC9sB,IAAO,EAAM,MAAM,UAAU,cAAc,EAAc,KAAK,EAAM,MAAM,gBAAgB,QAAW,IAAM,EAAK,MAAM,UAAU,oBAAoB,EAAK,MAAM,MAAM,YAAa,aAAa,GAAG,CAAC,EAAE,cAAc,MAAM,gBAAgB,UAAU,IAAM,EAAM,EAAE,cAAc,cAAc,iBAAiB,CAAO,EAAK,EAAE,cAAc,cAAc,gBAAgB,CAAI,IAAO,EAAM,MAAM,UAAU,kBAAkB,EAAM,MAAM,gBAAgB,QAAW,IAAM,EAAK,MAAM,UAAU,kBAAkB,EAAK,MAAM,MAAM,SAAU,QADjZ,GAAG,CAAC,EAAE,gBAAgB,CAA0E,IAAM,EAAc,GAA/E,EAAM,KAAK,kDAAiF,EAAO,SAAS,SAAS,EAAO,aAAa,EAAc,CAAC,SAAS,SAAS,UAAU,QAAQ,CAAC,EACmM,SAAS,CAAc,EAAK,MAAM,CAAC,UAAU,gBAAgB,MAAM,EAAkB,SAAsB,EAAK,MAAM,CAAC,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA6B,SAAsB,EAAK,OAAO,CAAC,SAAS,UAAU,SAAS,UAAU,EAAE,y6BAAy6B,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAc,EAAK,OAAO,CAAC,UAAU,eAAe,MAAM,EAAU,SAAS,EAAM,KAAK,CAAC,CAAC,CAAC,CAAC,4BADj2D,IAAoD,CAC+yD,EAAkC,aAAa,CAAC,KAAK,cAAc,IAAI,gDAAgD,CAAC,EAAoB,EAAkC,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,CAAC,IAAI,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,CAAC,CAAC,CAAO,EAAY,CAAC,QAAQ,cAAc,WAAW,SAAS,eAAe,gBAAgB,gBAAgB,UAAU,OAAO,OAAO,aAAa,OAAO,QAAQ,YAAY,SAAS,OAAO,WAAW,MAAM,MAAM,OAAO,OAAO,UAAU,SAAS,WAAW,WAAW,6BAA6B,SAAS,SAAS,OAAO,OAAO,SAAS,QAAQ,MAAM,cAAc,WAAW,mDAAmD,OAAO,aAAa,CAAO,EAAkB,CAAC,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,MAAM,OAAO,OAAO,OAAO,gBAAgB,OAAO,aAAa,MAAM,WAAW,kDAAkD,SAAS,WAAW,KAAK,MAAM,CAAO,EAAU,CAAC,SAAS,WAAW,OAAO,EAAE,WAAW,uCAAuC,WAAW,OAAO"}