feat: add simple CopyButton

Author: wackerow

src/components/CopyToClipboard.tsx

@@ -1,7 +1,12 @@
 "use client"
 
+import { BsCopy } from "react-icons/bs"
+import { FaRegCheckCircle } from "react-icons/fa"
+
 import { cn } from "@/lib/utils/cn"
 
+import { Button, type ButtonProps } from "./ui/buttons/Button"
+
 import { useClipboard } from "@/hooks/useClipboard"
 
 export type CopyToClipboardProps = {
@@ -27,4 +32,17 @@ const CopyToClipboard = ({
   )
 }
 
+type CopyButtonProps = ButtonProps & {
+  message: string
+}
+
+export const CopyButton = ({ message, ...props }: CopyButtonProps) => {
+  const { onCopy, hasCopied } = useClipboard({ timeout: 1500 })
+  return (
+    <Button variant="ghost" onClick={() => onCopy(message)} {...props}>
+      {hasCopied ? <FaRegCheckCircle /> : <BsCopy />}
+    </Button>
+  )
+}
+
 export default CopyToClipboard