{"version":3,"file":"CopyButton.CK2NlYLA.mjs","names":["useState","useRef"],"sources":["https:/framerusercontent.com/modules/vE17KylfPLlRbJHzlSzL/MsV2hgwJdBq2VCxAuuc6/CopyButton.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useEffect,useRef,useState}from\"react\";const MONO='\"Martian Mono\", MartianMono, ui-monospace, SFMono-Regular, Menlo, monospace';/**\n * Small mono button that copies a value to the clipboard\n * and shows a confirmation label for a couple of seconds.\n *\n * @framerIntrinsicWidth 90\n * @framerIntrinsicHeight 16\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function CopyButton(props){const{value=\"liia.arslanova.work@gmail.com\",label=\"[ COPY ]\",doneLabel=\"[ COPIED ]\",color=\"#FFFFFF\",doneColor=\"#FFFFFF\",size=12,holdMs=2e3}=props;const[done,setDone]=useState(false);const timer=useRef(null);useEffect(()=>()=>clearTimeout(timer.current),[]);async function copy(){try{if(navigator.clipboard&&navigator.clipboard.writeText){await navigator.clipboard.writeText(value);}else{const ta=document.createElement(\"textarea\");ta.value=value;ta.style.position=\"fixed\";ta.style.opacity=\"0\";document.body.appendChild(ta);ta.select();document.execCommand(\"copy\");document.body.removeChild(ta);}}catch(e){}setDone(true);clearTimeout(timer.current);timer.current=setTimeout(()=>setDone(false),holdMs);}return /*#__PURE__*/_jsx(\"span\",{role:\"button\",tabIndex:0,onClick:copy,onKeyDown:e=>{if(e.key===\"Enter\"||e.key===\" \")copy();},style:{display:\"inline-block\",whiteSpace:\"nowrap\",cursor:\"pointer\",userSelect:\"none\",fontFamily:MONO,fontWeight:600,fontSize:size,lineHeight:\"1.2em\",letterSpacing:\"-0.05em\",textTransform:\"uppercase\",color:done?doneColor:color,opacity:done?1:.6,transition:\"opacity 0.2s ease, color 0.2s ease\"},children:done?doneLabel:label});}addPropertyControls(CopyButton,{value:{type:ControlType.String,title:\"Value\",defaultValue:\"liia.arslanova.work@gmail.com\"},label:{type:ControlType.String,title:\"Label\",defaultValue:\"[ COPY ]\"},doneLabel:{type:ControlType.String,title:\"Done\",defaultValue:\"[ COPIED ]\"},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#FFFFFF\"},doneColor:{type:ControlType.Color,title:\"Done color\",defaultValue:\"#FFFFFF\"},size:{type:ControlType.Number,title:\"Size\",defaultValue:12,min:8,max:24,step:1},holdMs:{type:ControlType.Number,title:\"Hold ms\",defaultValue:2e3,min:500,max:6e3,step:100}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CopyButton\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"16\",\"framerSupportedLayoutWidth\":\"auto\",\"framerIntrinsicWidth\":\"90\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CopyButton.map"],"mappings":"sMAQG,SAAwB,EAAW,EAAM,CAAC,GAAK,CAAC,QAAM,gCAAgC,QAAM,WAAW,YAAU,aAAa,QAAM,UAAU,YAAU,UAAU,OAAK,GAAG,SAAO,KAAK,EAAW,CAAC,EAAK,GAASA,EAAS,EAAK,EAAQ,EAAMC,EAAO,IAAI,EAAE,UAAkB,aAAa,EAAM,OAAO,EAAE,CAAC,CAAC,EAAE,eAAe,GAAM,CAAC,GAAG,CAAC,GAAG,EAAU,WAAW,EAAU,UAAU,UAAW,MAAM,EAAU,UAAU,UAAU,CAAK,MAAO,CAAC,IAAM,EAAG,SAAS,cAAc,UAAU,EAAE,EAAG,MAAM,EAAM,EAAG,MAAM,SAAS,QAAQ,EAAG,MAAM,QAAQ,IAAI,SAAS,KAAK,YAAY,CAAE,EAAE,EAAG,OAAO,EAAE,SAAS,YAAY,MAAM,EAAE,SAAS,KAAK,YAAY,CAAE,CAAE,CAAC,MAAS,CAAC,CAAC,EAAQ,EAAI,EAAE,aAAa,EAAM,OAAO,EAAE,EAAM,QAAQ,eAAe,EAAQ,EAAK,EAAE,CAAM,CAAE,CAAC,OAAoB,EAAK,OAAO,CAAC,KAAK,SAAS,SAAS,EAAE,QAAQ,EAAK,UAAU,GAAG,EAAI,EAAE,MAAM,SAAS,EAAE,MAAM,MAAI,EAAK,CAAE,EAAE,MAAM,CAAC,QAAQ,eAAe,WAAW,SAAS,OAAO,UAAU,WAAW,OAAO,WAAW,EAAK,WAAW,IAAI,SAAS,EAAK,WAAW,QAAQ,cAAc,UAAU,cAAc,YAAY,MAAM,EAAK,EAAU,EAAM,QAAQ,EAAK,EAAE,GAAG,WAAW,oCAAoC,EAAE,SAAS,EAAK,EAAU,CAAK,CAAC,CAAE,uBARnoC,IAAoD,IAA6C,EAAO,EAAK,8EAQuhC,EAAoB,EAAW,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,+BAA+B,EAAE,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,UAAU,EAAE,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,YAAY,EAAE,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,aAAa,SAAS,EAAE,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,SAAS,EAAE,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,aAAa,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,GAAG,CAAC,CAAC"}