{"version":3,"file":"MobileOverlayButton.BXElftVL.mjs","names":["useState","ContactFormPanel"],"sources":["https:/framerusercontent.com/modules/t8yNOIK5XxvzNs4c8cMS/3YvLsN9Kb1CVNh8yCMaF/MobileOverlayButton.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState}from\"react\";import ContactFormPanel from\"https://framer.com/m/ContactFormPanel-5jzq.js@LEVYMmiaFO4WKauiQRxP\";import styled from\"styled-components\";const ButtonStyled=styled.a`\n    font-family: \"Rubik\", Helvetica, Arial;\n    text-transform: uppercase;\n    font-weight: 500;\n    text-decoration: none;\n    color: #001E37;\n    position: relative;\n    transition: all 0.2s ease-in;\n    font-size: 18px;\n    display: inline-block;\n    z-index: 5;\n\n    span {\n        padding: 16px 32px;\n        display: block;\n    }\n\n    &:hover {\n        cursor: pointer;\n    }\n\n    &:hover:before {\n        background-image: url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23001E37' stroke-width='2' stroke-dasharray='0%2c0' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e\");\n    }\n\n    &:before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        background-image: url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='2' stroke-dasharray='120%2c 8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e\");\n    }\n\n    &:after {\n        content: \"\";\n        display: inline-block;\n        width: calc(100% + 4px);\n        height: calc(100% + 4px);\n        position: absolute;\n        background: #FE3838;\n        top: 8px;\n        left: 8px;\n        transition: all 0.2s ease-out;\n        z-index: -10;\n    }\n\n    &:hover:after {\n        top: -2px;\n        left: -2px;\n        transition: all 0.2s ease-out;\n        border-radius: 4px;\n    }\n\n    &:focus:after {\n        top: -2px;\n        left: -2px;\n        border-radius: 4px;\n        box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 1);\n    }\n`;const ButtonUnstyled=styled.button`\n    position: absolute;\n    right: 8px;\n    top: 8px;\n    color: black;\n    z-index: 1;\n    background: none;\n    border: none;\n    cursor: pointer;\n    border-radius: 20px;\n    width: 40px;\n    height: 40px;\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    &:hover {\n        background: #e5e5e5;\n    }\n`;export default function DesktopButton(props){const[isOpen,setIsOpen]=useState(false);const toggleOverlay=()=>{setIsOpen(!isOpen);};return /*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(ButtonStyled,{onClick:toggleOverlay,children:/*#__PURE__*/_jsx(\"span\",{children:props.text})}),isOpen&&/*#__PURE__*/_jsx(\"div\",{style:overlayStyle,children:/*#__PURE__*/_jsxs(\"div\",{style:modalStyle,children:[/*#__PURE__*/_jsx(ButtonUnstyled,{title:\"Close\",onClick:toggleOverlay,children:/*#__PURE__*/_jsxs(\"svg\",{width:\"40\",height:\"30\",viewBox:\"0 0 24 24\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:[/*#__PURE__*/_jsx(\"path\",{d:\"M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z\",stroke:\"#1c1917\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M9.17004 14.8299L14.83 9.16992M14.83 14.8299L9.17004 9.16992\",stroke:\"#1c1917\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"})]})}),/*#__PURE__*/_jsx(ContactFormPanel,{})]})})]});}DesktopButton.defaultProps={text:\"Click Me\"};addPropertyControls(DesktopButton,{text:{type:ControlType.String,title:\"Label\",defaultValue:\"Button\"}});const overlayStyle={position:\"fixed\",top:0,left:0,right:0,bottom:0,backgroundColor:\"rgba(0, 0, 0, 0.5)\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",zIndex:\"1000\"};const modalStyle={backgroundColor:\"white\",padding:20,borderRadius:10,boxShadow:\"0 4px 8px rgba(0, 0, 0, 0.2)\",position:\"relative\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"DesktopButton\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./MobileOverlayButton.map"],"mappings":"8PAgFE,SAAwB,EAAc,EAAM,CAAC,GAAK,CAAC,EAAO,GAAWA,EAAS,GAAM,CAAO,MAAkB,CAAC,EAAU,CAAC,EAAO,EAAG,OAAoB,EAAM,MAAM,CAAC,SAAS,CAAc,EAAK,EAAa,CAAC,QAAQ,EAAc,SAAsB,EAAK,OAAO,CAAC,SAAS,EAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAqB,EAAK,MAAM,CAAC,MAAM,EAAa,SAAsB,EAAM,MAAM,CAAC,MAAM,EAAW,SAAS,CAAc,EAAK,EAAe,CAAC,MAAM,QAAQ,QAAQ,EAAc,SAAsB,EAAM,MAAM,CAAC,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA6B,SAAS,CAAc,EAAK,OAAO,CAAC,EAAE,wFAAwF,OAAO,UAAU,eAAe,MAAM,iBAAiB,QAAQ,kBAAkB,QAAQ,CAAC,CAAc,EAAK,OAAO,CAAC,EAAE,+DAA+D,OAAO,UAAU,eAAe,MAAM,iBAAiB,QAAQ,kBAAkB,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAc,EAAKC,EAAiB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,0BAhF/9B,IAAoD,IAA4B,IAAiG,IAAsC,CAAM,EAAa,EAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DnS,EAAe,EAAO,MAAM;;;;;;;;;;;;;;;;;;;;EAoBs/B,EAAc,aAAa,CAAC,KAAK,WAAW,CAAC,EAAoB,EAAc,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,SAAS,CAAC,CAAC,CAAO,EAAa,CAAC,SAAS,QAAQ,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,qBAAqB,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,OAAO,OAAO,CAAO,EAAW,CAAC,gBAAgB,QAAQ,QAAQ,GAAG,aAAa,GAAG,UAAU,+BAA+B,SAAS,WAAW"}