Satriaana
diff --git a/‎index.html
Lines changed: 4 additions & 0 deletions b/‎index.html
Lines changed: 4 additions & 0 deletions
diff --git a/‎package.json
Lines changed: 3 additions & 0 deletions b/‎package.json
Lines changed: 3 additions & 0 deletions
diff --git a/‎src/App.css
Lines changed: 0 additions & 42 deletions b/‎src/App.css
Lines changed: 0 additions & 42 deletions
diff --git a/‎src/App.jsx
Lines changed: 6 additions & 43 deletions b/‎src/App.jsx
Lines changed: 6 additions & 43 deletions
diff --git a/‎src/logo.svg
Lines changed: 0 additions & 7 deletions b/‎src/logo.svg
Lines changed: 0 additions & 7 deletions
@@ -4,6 +4,10 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<link
+  rel="stylesheet"
+  href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+/>
     <title>Vite App</title>
   </head>
   <body>
 
@@ -10,6 +10,9 @@
     "build-storybook": "build-storybook"
   },
   "dependencies": {
+    "@emotion/react": "^11.9.0",
+    "@emotion/styled": "^11.8.1",
+    "@mui/material": "^5.8.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
 
@@ -1,45 +1,8 @@
-import { useState } from 'react'
-import logo from './logo.svg'
-import './App.css'
+import * as React from "react";
+import Button from "@mui/material/Button";
 
-function App() {
-  const [count, setCount] = useState(0)
+const App = () => {
+  return <Button variant="contained">Hello World</Button>;
+};
 
-  return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>Hello Vite + React!</p>
-        <p>
-          <button type="button" onClick={() => setCount((count) => count + 1)}>
-            count is: {count}
-          </button>
-        </p>
-        <p>
-          Edit <code>App.jsx</code> and save to test HMR updates.
-        </p>
-        <p>
-          <a
-            className="App-link"
-            href="https://reactjs.org"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Learn React
-          </a>
-          {' | '}
-          <a
-            className="App-link"
-            href="https://vitejs.dev/guide/features.html"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Vite Docs
-          </a>
-        </p>
-      </header>
-    </div>
-  )
-}
-
-export default App
+export default App;