feat: styles-v2 as component

nousantx · May 18, 2024 · a9071be · a9071be
1 parent db3b4b0
commit a9071be
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,14 +1,13 @@
 import { useState } from "react";
 import reactLogo from "./assets/react.svg";
 import viteLogo from "/vite.svg";
-import { useStyles } from "./styles/lib/useStyles";
+import { Styler } from "./styles";
 
 function App() {
   const [count, setCount] = useState(0);
-  useStyles();
 
   return (
-    <>
+    <Styler>
       <div>
         <a href="https://vitejs.dev" target="_blank" className="gray-logo">
           <img src={viteLogo} className="logo" alt="Vite logo " />
@@ -29,7 +28,7 @@ function App() {
       <p className="read-the-docs">
         Click on the Vite and React logos to learn more
       </p>
-    </>
+    </Styler>
   );
 }
 

diff --git a/src/styles/lib/styles.ts b/src/styles/lib/styles.ts
@@ -58,3 +58,15 @@ export function styles() {
   // tenoxui init
   tenoxui();
 }
+
+const ts = () => {
+  use(property)
+
+  makeStyles({
+    body: "m-0 d-flex place-items-center w-mn-320px h-mn-100vh",
+    "#root": "w-mx-1280px mh-auto"
+    // more styles
+  });
+
+  tenoxui()
+};