From 824822c19a98f003a1086fc6211243d016933ed7 Mon Sep 17 00:00:00 2001
From: fmtabbara <fmtabbara@hotmail.co.uk>
Date: Thu, 31 Mar 2022 16:06:48 +0100
Subject: [PATCH] add a hook for clipboard copy

---
 .../react-components/src/hooks/useClipboard.ts    | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 ts-packages/react-components/src/hooks/useClipboard.ts

diff --git a/ts-packages/react-components/src/hooks/useClipboard.ts b/ts-packages/react-components/src/hooks/useClipboard.ts
new file mode 100644
index 0000000000..93442c0cdc
--- /dev/null
+++ b/ts-packages/react-components/src/hooks/useClipboard.ts
@@ -0,0 +1,15 @@
+import { useState } from 'react';
+import { useClipboard } from 'use-clipboard-copy';
+
+export const useClipboardHook = () => {
+  const [isCopied, setIsCopied] = useState(false);
+
+  const clipboard = useClipboard();
+
+  const copy = (value: string) => {
+    clipboard.copy(value);
+    setIsCopied(true);
+  };
+
+  return { isCopied, copy };
+};