From 6d0291a66f47c44600d552ab218fd7ccfbb849dd Mon Sep 17 00:00:00 2001
From: peaklabs-dev <122374094+peaklabs-dev@users.noreply.github.com>
Date: Fri, 31 Jan 2025 18:31:02 +0100
Subject: [PATCH] feat(ui): new copy button component

---
 .../views/components/forms/copy-button.blade.php    | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 resources/views/components/forms/copy-button.blade.php

diff --git a/resources/views/components/forms/copy-button.blade.php b/resources/views/components/forms/copy-button.blade.php
new file mode 100644
index 000000000..2e5f64c1a
--- /dev/null
+++ b/resources/views/components/forms/copy-button.blade.php
@@ -0,0 +1,13 @@
+@props(['text'])
+
+<div class="relative" x-data="{ copied: false }">
+    <input type="text" value="{{ $text }}" readonly class="input">
+    <button @click="copied = true; navigator.clipboard.writeText('{{ $text }}'); setTimeout(() => copied = false, 1000)" class="absolute right-2 top-1/2 -translate-y-1/2 p-1.5 text-gray-400 hover:text-gray-300 transition-colors" title="Copy to clipboard">
+        <svg x-show="!copied" class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" />
+        </svg>
+        <svg x-show="copied" class="w-5 h-5 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+        </svg>
+    </button>
+</div>