From bfc1834bd4d7e02dd592820b35b5c518c55bf9f6 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Sun, 10 Mar 2024 03:01:04 +0100
Subject: [PATCH] [pigment-css] Example fix leading spaces

---
 .../pigment-css-nextjs-ts/src/app/page.tsx    | 23 ++++++++-----------
 examples/pigment-css-vite-ts/src/App.tsx      |  3 +--
 2 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/examples/pigment-css-nextjs-ts/src/app/page.tsx b/examples/pigment-css-nextjs-ts/src/app/page.tsx
index 109b5cbdad5f10..dccbc4da56ee38 100644
--- a/examples/pigment-css-nextjs-ts/src/app/page.tsx
+++ b/examples/pigment-css-nextjs-ts/src/app/page.tsx
@@ -71,8 +71,7 @@ export default function Home() {
       })}
     >
       <h1
-        className={`
-        ${css(({ theme }) => ({
+        className={`my-custom-class ${css(({ theme }) => ({
           fontFamily: 'system-ui, sans-serif',
           fontSize: '4rem',
           fontWeight: 500,
@@ -153,17 +152,15 @@ export default function Home() {
         </span>
       </h1>
       <div
-        className={`
-          ${css({
-            fontFamily: 'system-ui, sans-serif',
-            letterSpacing: '2px',
-            fontWeight: 500,
-            opacity: 0.5,
-            lineHeight: 2,
-            textAlign: 'center',
-            textWrap: 'balance',
-          })}
-        `}
+        className={css({
+          fontFamily: 'system-ui, sans-serif',
+          letterSpacing: '2px',
+          fontWeight: 500,
+          opacity: 0.5,
+          lineHeight: 2,
+          textAlign: 'center',
+          textWrap: 'balance',
+        })}
       >
         CSS-in-JS library with static extraction
       </div>
diff --git a/examples/pigment-css-vite-ts/src/App.tsx b/examples/pigment-css-vite-ts/src/App.tsx
index cbc7ed15dc3740..a9a52b375f043c 100644
--- a/examples/pigment-css-vite-ts/src/App.tsx
+++ b/examples/pigment-css-vite-ts/src/App.tsx
@@ -76,8 +76,7 @@ export default function Home() {
       })}
     >
       <h1
-        className={`
-        ${css(({ theme }) => ({
+        className={`my-custom-class ${css(({ theme }) => ({
           fontFamily: 'system-ui, sans-serif',
           fontSize: '4rem',
           fontWeight: 500,