From fcdef5fcdbd1e32fb9f96198c3d2a138771a8c87 Mon Sep 17 00:00:00 2001
From: Aqsa Aqeel <aqsa.aqeel17@example.com>
Date: Wed, 22 Nov 2023 23:24:04 +0530
Subject: [PATCH] added gradient border tailwind code

---
 src/lib/packages/helpers.ts | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/lib/packages/helpers.ts b/src/lib/packages/helpers.ts
index a73bfdac..c1827f8f 100644
--- a/src/lib/packages/helpers.ts
+++ b/src/lib/packages/helpers.ts
@@ -402,7 +402,18 @@ export const actOnTailwindGenerator = (
       )} text-transparent bg-clip-text`;
       break;
     case 'gradient-border':
-      codeToCopy = ``;
+      element = outputElement.style;
+      const content = window.getComputedStyle(outputElement, '::before');
+
+      codeToCopy = `
+      <div class="relative">
+      <div class="before:absolute before:inset-0 before:p-6 before:mask before:mask-composite-before:border-box 
+                  before:mask-composite-xor before:exclude before:bg-[content.background] before:bg-clip-border-box
+                  @if(content.borderRadius !== '0px') before:rounded-[content.borderRadius] @endif">
+      </div>
+    </div>
+    
+      `;
       break;
     case 'gradient-background':
       codeToCopy = `${convertLinearGradientToTailwind(