25 lines
722 B
TypeScript
25 lines
722 B
TypeScript
|
"use client"
|
||
|
|
|
||
|
|
import { useState } from "react"
|
||
|
|
import { Copy, Check } from "lucide-react"
|
||
|
|
|
||
|
|
export function CopyButton({ text, className }: { text: string; className?: string }) {
|
||
|
|
const [copied, setCopied] = useState(false)
|
||
|
|
|
||
|
|
async function handleCopy() {
|
||
|
|
await navigator.clipboard.writeText(text)
|
||
|
|
setCopied(true)
|
||
|
|
setTimeout(() => setCopied(false), 2000)
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<button
|
||
|
|
onClick={handleCopy}
|
||
|
|
title="Copy link"
|
||
|
|
className={className ?? "flex h-7 w-7 items-center justify-center rounded-md text-white/40 transition hover:bg-white/10 hover:text-white"}
|
||
|
|
>
|
||
|
|
{copied ? <Check className="h-3.5 w-3.5 text-emerald-400" /> : <Copy className="h-3.5 w-3.5" />}
|
||
|
|
</button>
|
||
|
|
)
|
||
|
|
}
|