add copied state to ClickToCopy component

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sanitypress",
-	"version": "6.0.4",
+	"version": "6.0.5",
 	"description": "An impressive Next.js + Sanity.io starter template",
 	"author": "nuotsu <[email protected]> (https://nuotsu.dev)",
 	"license": "ISC",

src/ui/ClickToCopy.tsx

@@ -1,27 +1,32 @@
 'use client'
 
-import { VscCopy } from 'react-icons/vsc'
+import { VscCheck, VscCopy } from 'react-icons/vsc'
+import { useState, type ComponentProps } from 'react'
 import { cn } from '@/lib/utils'
 
 export default function ClickToCopy({
 	value,
-	children,
 	className,
 	...props
 }: {
 	value?: string
 } & React.ComponentProps<'button'>) {
+	const [copied, setCopied] = useState(false)
 	return (
 		<button
-			className={cn('cursor-copy', className)}
+			className={cn('cursor-copy', copied && 'pointer-events-none', className)}
 			onClick={() => {
 				if (typeof window === 'undefined' || !value) return
+
 				navigator.clipboard.writeText(value)
+
+				setCopied(true)
+				setTimeout(() => setCopied(false), 1000)
 			}}
 			title="Click to copy"
 			{...props}
 		>
-			{children || <VscCopy />}
+			{copied ? <VscCheck /> : <VscCopy />}
 		</button>
 	)
 }