{"version":3,"file":"GenovaSaveButton.5WADB_1A.mjs","names":["React.useState","_Fragment","__esmMin","_e","init_jsx_runtime","c","p","init_npm_react_18_3_1","GenovaSaveButton","saved","setSaved","l","value","saveIcon","init_GenovaSaveButton"],"sources":["https:/framerusercontent.com/modules/0VRlt5RSnrJYGtdJRDOk/kz3l5e0SGj3P22rVLeY8/GenovaSaveButton.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import*as React from\"react\";const saveIcon=\"https://framerusercontent.com/images/yXd4Z08gYgsITcNQMxFAGEQYSiY.svg?width=22&height=23\";export default function GenovaSaveButton(){const[saved,setSaved]=React.useState(false);const label=saved?\"UNSAVE\":\"SAVE TO WISH LIST\";return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                .genova-save-button {\n                    width: 44px;\n                    height: 58px;\n                    position: relative;\n                    display: block;\n                    padding: 0;\n                    border: 0;\n                    outline: none;\n                    box-shadow: none;\n                    background: transparent;\n                    overflow: visible;\n                    cursor: pointer;\n                    pointer-events: auto;\n                    appearance: none;\n                    -webkit-appearance: none;\n                    -webkit-tap-highlight-color: transparent;\n                }\n\n                .genova-save-stage {\n                    position: absolute;\n                    left: 0;\n                    top: 7px;\n                    width: 44px;\n                    height: 44px;\n                    display: block;\n                    overflow: visible;\n                    transform-origin: 50% 50%;\n                    transform: translateZ(0) scale(1);\n                    transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1);\n                    will-change: transform;\n                }\n\n                .genova-save-icon,\n                .genova-save-icon-glow {\n                    position: absolute;\n                    width: 22px;\n                    height: 23px;\n                    left: 50%;\n                    top: 50%;\n                    transform: translate(-50%, -50%) translateZ(0);\n                    object-fit: contain;\n                    pointer-events: none;\n                    background: transparent;\n                    box-shadow: none;\n                }\n\n                .genova-save-icon-glow {\n                    opacity: 0;\n                    filter: drop-shadow(0 0 4px rgba(79, 155, 199, 0.78))\n                        drop-shadow(0 0 10px rgba(79, 155, 199, 0.42));\n                    transition: opacity 180ms cubic-bezier(0.22, 1, 0.36, 1);\n                    will-change: opacity;\n                }\n\n                .genova-saved-point,\n                .genova-saved-point-glow {\n                    position: absolute;\n                    width: 7px;\n                    height: 7px;\n                    left: 18.5px;\n                    top: 18.5px;\n                    border-radius: 50%;\n                    background: #000;\n                    pointer-events: none;\n                }\n\n                .genova-saved-point-glow {\n                    opacity: 0;\n                    filter: drop-shadow(0 0 4px rgba(79, 155, 199, 0.78))\n                        drop-shadow(0 0 10px rgba(79, 155, 199, 0.42));\n                    transition: opacity 180ms cubic-bezier(0.22, 1, 0.36, 1);\n                    will-change: opacity;\n                }\n\n                .genova-save-label {\n                    position: absolute;\n                    left: 50%;\n                    top: 46px;\n                    height: 12px;\n                    display: flex;\n                    align-items: center;\n                    transform: translateX(-50%) translateZ(0);\n                    opacity: 0;\n                    color: #687176;\n                    font-family: Manrope, sans-serif;\n                    font-weight: 500;\n                    font-size: 10px;\n                    line-height: 12px;\n                    letter-spacing: 0.6px;\n                    text-align: center;\n                    white-space: nowrap;\n                    pointer-events: none;\n                    transition: opacity 150ms ease-out;\n                    will-change: opacity;\n                }\n\n                .genova-save-button:hover .genova-save-stage,\n                .genova-save-button:focus-visible .genova-save-stage {\n                    transform: translateZ(0) scale(0.92);\n                }\n\n                .genova-save-button:hover .genova-save-icon-glow,\n                .genova-save-button:hover .genova-saved-point-glow,\n                .genova-save-button:focus-visible .genova-save-icon-glow,\n                .genova-save-button:focus-visible .genova-saved-point-glow,\n                .genova-save-button:hover .genova-save-label,\n                .genova-save-button:focus-visible .genova-save-label {\n                    opacity: 1;\n                }\n            `}),/*#__PURE__*/_jsxs(\"button\",{className:\"genova-save-button\",type:\"button\",\"aria-label\":saved?\"Remove from wish list\":\"Save to wish list\",\"aria-pressed\":saved,onClick:()=>setSaved(value=>!value),children:[/*#__PURE__*/_jsx(\"span\",{className:\"genova-save-stage\",\"aria-hidden\":\"true\",children:!saved?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"img\",{className:\"genova-save-icon\",src:saveIcon,alt:\"\",draggable:false}),/*#__PURE__*/_jsx(\"img\",{className:\"genova-save-icon-glow\",src:saveIcon,alt:\"\",draggable:false})]}):/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"span\",{className:\"genova-saved-point\"}),/*#__PURE__*/_jsx(\"span\",{className:\"genova-saved-point-glow\"})]})}),/*#__PURE__*/_jsx(\"span\",{className:\"genova-save-label\",\"aria-hidden\":\"true\",children:label})]})]});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"GenovaSaveButton\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GenovaSaveButton.map"],"mappings":"A,gIAAoN,SAAwBQ,GAAkB,CAAC,GAAK,CAACC,EAAMC,GAAUV,EAAe,EAAK,EAAiD,MAAoB,gBAAMC,EAAU,CAAC,SAAS,CAAc,gBAAK,QAAQ,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aA8Gha,CAAC,EAAe,gBAAM,SAAS,CAAC,UAAU,qBAAqB,KAAK,SAAS,aAAaQ,EAAM,wBAAwB,oBAAoB,eAAeA,EAAM,YAAYC,EAAS,GAAO,CAACE,CAAK,EAAE,SAAS,CAAc,gBAAK,OAAO,CAAC,UAAU,oBAAoB,cAAc,OAAO,SAAUH,EAA2P,gBAAMR,EAAU,CAAC,SAAS,CAAc,gBAAK,OAAO,CAAC,UAAU,oBAAoB,CAAC,EAAe,gBAAK,OAAO,CAAC,UAAU,yBAAyB,CAAC,CAAC,CAAC,CAAC,EAA/X,gBAAMA,EAAU,CAAC,SAAS,CAAc,gBAAK,MAAM,CAAC,UAAU,mBAAmB,IAAIY,EAAS,IAAI,GAAG,UAAU,EAAK,CAAC,EAAe,gBAAK,MAAM,CAAC,UAAU,wBAAwB,IAAIA,EAAS,IAAI,GAAG,UAAU,EAAK,CAAC,CAAC,CAAC,CAAC,CAAuK,CAAC,EAAe,gBAAK,OAAO,CAAC,UAAU,oBAAoB,cAAc,OAAO,SA9G/dJ,EAAM,SAAS,mBA8G8d,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,C,4CA9G5rB,EAAS,yF"}