feat: Add mui

1 files changed, 29 insertions, 6 deletions

diff --git a/packages/renderer/src/index.tsx b/packages/renderer/src/index.tsx
index 21ad152..67bdf93 100644
--- a/packages/renderer/src/index.tsx
+++ b/packages/renderer/src/index.tsx
@@ -1,10 +1,33 @@
+import '@fontsource/roboto/300.css';
+import '@fontsource/roboto/400.css';
+import '@fontsource/roboto/500.css';
+import '@fontsource/roboto/700.css';
+import Button from "@mui/material/Button";
+import CssBaseline from "@mui/material/CssBaseline";
+import {
+  unstable_createMuiStrictModeTheme as createTheme,
+  ThemeProvider,
+} from '@mui/material/styles';
 import React from 'react';
 import { render } from 'react-dom';
 
-const app = (
-  <React.StrictMode>
-    <h1>Hello Sophie!</h1>
-  </React.StrictMode>
-);
+const theme = createTheme({
+  palette: {
+    mode: 'dark',
+  },
+});
 
-render(app, document.getElementById('app'));
+function App() {
+  return (
+    <React.StrictMode>
+      <ThemeProvider theme={theme}>
+        <CssBaseline enableColorScheme />
+        <Button variant="contained">
+          Hello Sophie!
+        </Button>
+      </ThemeProvider>
+    </React.StrictMode>
+  );
+}
+
+render(<App />, document.querySelector('#app'));