From 1a629482f25ccd8b9a952221f1d7a71392b5e4da Mon Sep 17 00:00:00 2001
From: Dale Seo <dale.seo@gmail.com>
Date: Wed, 4 Dec 2024 18:59:53 -0500
Subject: [PATCH] add postccss.config.cjs back

---
 postcss.config.cjs |  5 +++++
 src/App.tsx        | 15 ++++++++-------
 2 files changed, 13 insertions(+), 7 deletions(-)
 create mode 100644 postcss.config.cjs

diff --git a/postcss.config.cjs b/postcss.config.cjs
new file mode 100644
index 0000000..1bfc8f1
--- /dev/null
+++ b/postcss.config.cjs
@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    "@pandacss/dev/postcss": {},
+  },
+};
diff --git a/src/App.tsx b/src/App.tsx
index afe48ac..af8fc37 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,10 +1,10 @@
-import { useState } from 'react'
-import reactLogo from './assets/react.svg'
-import viteLogo from '/vite.svg'
-import './App.css'
+import { useState } from "react";
+import reactLogo from "./assets/react.svg";
+import viteLogo from "/vite.svg";
+import { Button } from "./components/Button";
 
 function App() {
-  const [count, setCount] = useState(0)
+  const [count, setCount] = useState(0);
 
   return (
     <>
@@ -17,6 +17,7 @@ function App() {
         </a>
       </div>
       <h1>Vite + React</h1>
+      <Button>Dale</Button>
       <div className="card">
         <button onClick={() => setCount((count) => count + 1)}>
           count is {count}
@@ -29,7 +30,7 @@ function App() {
         Click on the Vite and React logos to learn more
       </p>
     </>
-  )
+  );
 }
 
-export default App
+export default App;