{"version":3,"file":"EmailCopyButton.DupP6nxE.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/g3qwJeAAavv3aQYtrTuX/A8fdWrdRih1qWRXBaBRo/EmailCopyButton.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState}from\"react\";const FONT=\"ABC Gaisyr Semi Mono Unlicensed Trial Regular, sans-serif\";const COLOR=\"var(--token-b9e592f6-87da-4af4-8bbb-eb92c1828012)\";const BG_COLOR=\"var(--token-78260b07-4ccb-46ea-a67c-6aac8e542ee6)\";function rand(min,max){return Math.random()*(max-min)+min;}export default function EmailCopyButton(props){const{email=\"matthewguodesign@gmail.com\",label=\"Email\"}=props;const[hovered,setHovered]=useState(false);const[copied,setCopied]=useState(false);const[badgeVisible,setBadgeVisible]=useState(false);const[sticker,setSticker]=useState({x:0,y:-20,rotate:0});const handleClick=async()=>{setSticker({x:rand(-10,10),y:rand(-28,-14),rotate:rand(-12,12)});try{await navigator.clipboard.writeText(email);}catch{const el=document.createElement(\"textarea\");el.value=email;document.body.appendChild(el);el.select();document.execCommand(\"copy\");document.body.removeChild(el);}setCopied(true);setBadgeVisible(true);setTimeout(()=>setBadgeVisible(false),1600);setTimeout(()=>setCopied(false),2200);};return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",display:\"inline-flex\",alignItems:\"center\",overflow:\"visible\"},onMouseEnter:()=>setHovered(true),onMouseLeave:()=>setHovered(false),onClick:handleClick,children:[/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:FONT,fontSize:\"1rem\",lineHeight:\"1.25em\",color:COLOR,cursor:\"pointer\",userSelect:\"none\",whiteSpace:\"nowrap\"},children:hovered?email:label}),copied&&/*#__PURE__*/_jsx(\"span\",{style:{position:\"absolute\",top:0,left:0,transform:`translate(${sticker.x}px, ${sticker.y}px) rotate(${sticker.rotate}deg)`,transformOrigin:\"center center\",background:COLOR,color:BG_COLOR,fontSize:\"1rem\",fontFamily:FONT,lineHeight:\"1.25em\",padding:\"6px 18px\",borderRadius:\"999px\",whiteSpace:\"nowrap\",pointerEvents:\"none\",zIndex:9999,opacity:badgeVisible?1:0,transition:\"opacity 0.5s ease\"},children:\"Copied\"})]});}addPropertyControls(EmailCopyButton,{email:{type:ControlType.String,title:\"Email\",defaultValue:\"matthewguodesign@gmail.com\"},label:{type:ControlType.String,title:\"Label\",defaultValue:\"Email\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"EmailCopyButton\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./EmailCopyButton.map"],"mappings":"+LAAmV,SAAS,EAAK,EAAI,EAAI,CAAC,OAAO,KAAK,OAAO,GAAG,EAAI,GAAK,CAAI,CAAC,SAAwB,EAAgB,EAAM,CAAC,GAAK,CAAC,QAAM,6BAA6B,QAAM,SAAS,EAAW,CAAC,EAAQ,GAAYA,EAAS,EAAK,EAAO,CAAC,EAAO,GAAWA,EAAS,EAAK,EAAO,CAAC,EAAa,GAAiBA,EAAS,EAAK,EAAO,CAAC,EAAQ,GAAYA,EAAS,CAAC,EAAE,EAAE,EAAE,IAAI,OAAO,CAAC,CAAC,EAAgb,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,QAAQ,cAAc,WAAW,SAAS,SAAS,SAAS,EAAE,iBAAiB,EAAW,EAAI,EAAE,iBAAiB,EAAW,EAAK,EAAE,QAAQ,SAA1lB,CAAC,EAAW,CAAC,EAAE,EAAK,IAAI,EAAE,EAAE,EAAE,EAAK,IAAI,GAAG,EAAE,OAAO,EAAK,IAAI,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,EAAU,UAAU,UAAU,CAAK,CAAE,MAAM,CAAC,IAAM,EAAG,SAAS,cAAc,UAAU,EAAE,EAAG,MAAM,EAAM,SAAS,KAAK,YAAY,CAAE,EAAE,EAAG,OAAO,EAAE,SAAS,YAAY,MAAM,EAAE,SAAS,KAAK,YAAY,CAAE,CAAE,CAAC,EAAU,EAAI,EAAE,EAAgB,EAAI,EAAE,eAAe,EAAgB,EAAK,EAAE,IAAI,EAAE,eAAe,EAAU,EAAK,EAAE,IAAI,CAAE,EAAqN,SAAS,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,WAAW,EAAK,SAAS,OAAO,WAAW,SAAS,MAAM,EAAM,OAAO,UAAU,WAAW,OAAO,WAAW,QAAQ,EAAE,SAAS,EAAQ,EAAM,CAAK,CAAC,EAAE,GAAqB,EAAK,OAAO,CAAC,MAAM,CAAC,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,UAAU,aAAa,EAAQ,EAAE,MAAM,EAAQ,EAAE,aAAa,EAAQ,OAAO,MAAM,gBAAgB,gBAAgB,WAAW,EAAM,MAAM,EAAS,SAAS,OAAO,WAAW,EAAK,WAAW,SAAS,QAAQ,WAAW,aAAa,QAAQ,WAAW,SAAS,cAAc,OAAO,OAAO,KAAK,QAAQ,KAAiB,WAAW,mBAAmB,EAAE,SAAS,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAE,2BAAn4D,IAAoD,IAA4B,EAAO,EAAK,4DAAkE,EAAM,oDAA0D,EAAS,oDAA6pD,EAAoB,EAAgB,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,4BAA4B,EAAE,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,OAAO,CAAC,CAAC"}