From a2615bd9a357bc208a10a6e2e6e7200a0aa974d6 Mon Sep 17 00:00:00 2001
From: Munir I Said <saidmunir73@gmail.com>
Date: Tue, 11 Jun 2024 14:21:29 +0300
Subject: [PATCH] docs: change className to class in theming page (#307)

---
 .../(documentation)/documentation/(ui)/theming.page.ts      | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/app/src/app/pages/(documentation)/documentation/(ui)/theming.page.ts b/apps/app/src/app/pages/(documentation)/documentation/(ui)/theming.page.ts
index bccbc6a10..b39af4d1b 100644
--- a/apps/app/src/app/pages/(documentation)/documentation/(ui)/theming.page.ts
+++ b/apps/app/src/app/pages/(documentation)/documentation/(ui)/theming.page.ts
@@ -38,7 +38,7 @@ export const routeMeta: RouteMeta = {
 					<code class="${hlmCode}">spartan/ui</code>
 					is built on TailwindCSS with custom CSS variables:
 				</p>
-				<spartan-code class="mt-4" code='<div className="bg-background text-foreground">spartan</div>' />
+				<spartan-code class="mt-4" code='<div class="bg-background text-foreground">spartan</div>' />
 			</section>
 			<spartan-section-sub-heading id="convention">Convention</spartan-section-sub-heading>
 			<section>
@@ -77,7 +77,7 @@ export const routeMeta: RouteMeta = {
 					<code class="${hlmCode}">hsl(var(--primary-foreground))</code>
 					.
 				</p>
-				<spartan-code class="mt-4" code='<div className="bg-primary text-primary-foreground">Hello</div>' />
+				<spartan-code class="mt-4" code='<div class="bg-primary text-primary-foreground">Hello</div>' />
 				<div class="mt-4 text-sm" hlmAlert>
 					<p>
 						<span class="font-semibold">CSS variables must be defined without color space function.</span>
@@ -278,7 +278,7 @@ module.exports = {
 				<spartan-code
 					class="mt-4"
 					code='
-        <div className="bg-warning text-warning-foreground">Warning</div>
+        <div class="bg-warning text-warning-foreground">Warning</div>
         '
 				/>
 			</section>