fix theme types

siriwatknp · Feb 22, 2024 · aacd7b9 · aacd7b9
1 parent d17ab03
commit aacd7b9
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 17 deletions.
diff --git a/apps/zero-runtime-next-app/src/app/alert/page.tsx b/apps/zero-runtime-next-app/src/app/alert/page.tsx
@@ -1,4 +1,4 @@
-import { styled } from '@mui/zero-runtime';
+import Main from '@/components/Main';
 import BasicAlerts from '../../../../../docs/data/material/components/alert/BasicAlerts';
 import ColorAlerts from '../../../../../docs/data/material/components/alert/ColorAlerts';
 import DescriptionAlerts from '../../../../../docs/data/material/components/alert/DescriptionAlerts';
@@ -7,21 +7,6 @@ import IconAlerts from '../../../../../docs/data/material/components/alert/IconA
 import OutlinedAlerts from '../../../../../docs/data/material/components/alert/OutlinedAlerts';
 import SimpleAlert from '../../../../../docs/data/material/components/alert/SimpleAlert';
 
-const Main = styled('div')(({ theme }) => ({
-  display: 'flex',
-  flexDirection: 'column',
-  gap: '32px',
-  marginInline: 'auto',
-  maxWidth: '900px',
-  paddingBlock: '16px',
-  [theme.breakpoints.up('sm')]: {
-    paddingInline: '24px',
-  },
-  [theme.breakpoints.up('lg')]: {
-    paddingInline: '60px',
-  },
-}));
-
 export default function MaterialUILayout() {
   return (
     <Main>

diff --git a/apps/zero-runtime-next-app/src/components/Main.tsx b/apps/zero-runtime-next-app/src/components/Main.tsx
@@ -0,0 +1,18 @@
+import { styled } from '@mui/zero-runtime';
+
+const Main = styled('div')(({ theme }) => ({
+  display: 'flex',
+  flexDirection: 'column',
+  gap: '32px',
+  marginInline: 'auto',
+  maxWidth: '900px',
+  paddingBlock: '16px',
+  [theme.breakpoints.up('sm')]: {
+    paddingInline: '24px',
+  },
+  [theme.breakpoints.up('lg')]: {
+    paddingInline: '60px',
+  },
+}));
+
+export default Main;
diff --git a/packages/zero-runtime/src/theme.ts b/packages/zero-runtime/src/theme.ts
@@ -1 +1,3 @@
-export interface ThemeArgs {}
+export interface ThemeArgs {
+  theme: any;
+}