From 9a2b4af1aa07eb4760692afe040dab9267fe7987 Mon Sep 17 00:00:00 2001
From: Kristóf Marussy <kristof@marussy.com>
Date: Wed, 22 Dec 2021 22:54:38 +0100
Subject: feat: Add mui

---
 packages/renderer/src/index.tsx | 35 +++++++++++++++++++++++++++++------
 1 file changed, 29 insertions(+), 6 deletions(-)

(limited to 'packages/renderer/src/index.tsx')

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'));
-- 
cgit v1.2.3-54-g00ecf

