From 34ac76dc1805bacd5f2c623de5079dbafd1947f1 Mon Sep 17 00:00:00 2001
From: "deepsource-autofix[bot]"
 <62050782+deepsource-autofix[bot]@users.noreply.github.com>
Date: Thu, 27 Jun 2024 11:02:48 +0000
Subject: [PATCH] refactor: autofix issues in 2 files

Resolved issues in the following files with DeepSource Autofix:
1. examples/tailwind/src/app/_components/card.tsx
2. examples/tailwind/src/app/page.tsx
---
 examples/tailwind/src/app/_components/card.tsx | 4 ++--
 examples/tailwind/src/app/page.tsx             | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/examples/tailwind/src/app/_components/card.tsx b/examples/tailwind/src/app/_components/card.tsx
index 7d39fb6d..c2169371 100644
--- a/examples/tailwind/src/app/_components/card.tsx
+++ b/examples/tailwind/src/app/_components/card.tsx
@@ -11,13 +11,13 @@ export default function Card({ href, title, text }: CardProps) {
       className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
       target="_blank"
       rel="noopener noreferrer">
-      <h2 className={`mb-3 text-2xl font-semibold`}>
+      <h2 className={"mb-3 text-2xl font-semibold"}>
         {title + " "}
         <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
           -&gt;
         </span>
       </h2>
-      <p className={`m-0 max-w-[30ch] text-sm opacity-50`}>{text}</p>
+      <p className={"m-0 max-w-[30ch] text-sm opacity-50"}>{text}</p>
     </a>
   );
 }
diff --git a/examples/tailwind/src/app/page.tsx b/examples/tailwind/src/app/page.tsx
index 0e08df29..d05eabc4 100644
--- a/examples/tailwind/src/app/page.tsx
+++ b/examples/tailwind/src/app/page.tsx
@@ -50,13 +50,13 @@ export default function Home() {
         <StarMe
           gitHubUrl="https://github.com/react18-tools/nextjs-themes"
           className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30">
-          <h2 className={`mb-3 text-2xl font-semibold`}>
+          <h2 className={"mb-3 text-2xl font-semibold"}>
             Star Me{" "}
             <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
               -&gt;
             </span>
           </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50`}>
+          <p className={"m-0 max-w-[30ch] text-sm opacity-50"}>
             Explore and star official <code>nextjs-themes</code> repo.
           </p>
         </StarMe>