feat: added tailwind code for gradient text (#427)

* feat: added tailwind code for gradient text

* feat: added getOutput to tailwindHandler

---------

Co-authored-by: Dunsin <[email protected]>

Author: matthiasmulzet

src/lib/packages.ts

@@ -282,7 +282,11 @@ const actOnTailwindGenerator = (
       codeToCopy = ``;
       break;
     case 'gradient-text':
-      codeToCopy = ``;
+      codeToCopy = `
+        text-[${(outputElement.children[0] as HTMLElement).style.fontSize}]
+        bg-[${(outputElement.children[0] as HTMLElement).style.background}]
+        text-transparent
+        bg-clip-text`;
       break;
     case 'gradient-border':
       codeToCopy = ``;

src/pages/gradient-text.ts

@@ -222,7 +222,8 @@ getValues();
 
 // Tailwind codecopy handler
 function tailwindHandler() {
-  copyTailwindCodeToClipboard(attribute);
+  const outputElement = getOutput(attribute);
+  copyTailwindCodeToClipboard(attribute, outputElement);
   showPopup(
     'Tailwind Code Copied',
     'Code has been successfully copied to clipboard',