@privy-io/react-auth
Version:
React client for the Privy Auth API
2 lines (1 loc) • 1.69 kB
JavaScript
import{jsxs as e,jsx as o,Fragment as r}from"react/jsx-runtime";import{Check as i,Copy as t}from"lucide-react";import{useState as n,useEffect as s}from"react";import{styled as c}from"styled-components";import{D as a}from"./useActiveWallet-Bsy5GTCV.mjs";import{S as l}from"./Button-B8mqatRx.mjs";const d=({address:c,showCopyIcon:d,url:h,className:g})=>{let[u,y]=n(!1);function C(e){e.stopPropagation(),navigator.clipboard.writeText(c).then((()=>y(!0))).catch(console.error)}return s((()=>{if(u){let e=setTimeout((()=>y(!1)),3e3);return()=>clearTimeout(e)}}),[u]),/*#__PURE__*/e(m,h?{children:[/*#__PURE__*/o(f,{title:c,className:g,href:`${h}/address/${c}`,target:"_blank",children:a(c)}),d&&/*#__PURE__*/o(l,{onClick:C,size:"sm",style:{gap:"0.375rem"},children:/*#__PURE__*/e(r,u?{children:["Copied",/*#__PURE__*/o(i,{size:16})]}:{children:["Copy",/*#__PURE__*/o(t,{size:16})]})})]}:{children:[/*#__PURE__*/o(p,{title:c,className:g,children:a(c)}),d&&/*#__PURE__*/o(l,{onClick:C,size:"sm",style:{gap:"0.375rem",fontSize:"14px"},children:/*#__PURE__*/e(r,u?{children:["Copied",/*#__PURE__*/o(i,{size:14})]}:{children:["Copy",/*#__PURE__*/o(t,{size:14})]})})]})};let m=/*#__PURE__*/c.span.withConfig({displayName:"AddressContainer",componentId:"sc-3a987cc8-0"})(["display:inline-flex;align-items:center;gap:0.5rem;"]),p=/*#__PURE__*/c.span.withConfig({displayName:"AddressText",componentId:"sc-3a987cc8-1"})(["font-size:14px;font-weight:500;color:var(--privy-color-foreground);"]),f=/*#__PURE__*/c.a.withConfig({displayName:"AddressLink",componentId:"sc-3a987cc8-2"})(["font-size:14px;color:var(--privy-color-foreground);text-decoration:none;&:hover{text-decoration:underline;}"]);export{d as A};