From 85bde2d3d69a9f976d3e8ecc9343d1b52a0ec29f Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Fri, 23 May 2025 14:58:59 +0200
Subject: Add CenteredLayout with basic tailwind styles

---
 src/components/Counter.jsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'src/components/Counter.jsx')

diff --git a/src/components/Counter.jsx b/src/components/Counter.jsx
index a2ae7c3..8661dc0 100644
--- a/src/components/Counter.jsx
+++ b/src/components/Counter.jsx
@@ -4,8 +4,11 @@ export default function Counter() {
   const [count, setCount] = useState(0);
 
   return (
-    <div className="counter">
-      <button onClick={() => setCount(count + 1)}>
+    <div className="flex justify-center">
+      <button 
+        className="px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600 transition-colors"
+        onClick={() => setCount(count + 1)}
+      >
         Clicked {count} times
       </button>
     </div>
-- 
cgit v1.3.1

