страничка вопросы, кнопка варианты ответов

src/components/icons/questionsPage/enterIcon.tsx

@@ -0,0 +1,27 @@
+import { Box } from "@mui/material";
+
+
+// interface Props {
+//     color: string;
+// }
+
+export default function EnterIcon() {
+
+    return (
+        <Box
+            sx={{
+                height: "38px",
+                width: "45px",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+            }}
+        >
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M16.5 9.75V12.75H7.5" stroke="#7E2AEA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                <path d="M9.75 10.5L7.5 12.75L9.75 15" stroke="#7E2AEA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                <path d="M20.25 4.5H3.75C3.33579 4.5 3 4.83579 3 5.25V18.75C3 19.1642 3.33579 19.5 3.75 19.5H20.25C20.6642 19.5 21 19.1642 21 18.75V5.25C21 4.83579 20.6642 4.5 20.25 4.5Z" stroke="#7E2AEA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+            </svg>
+        </Box>
+    )
+}

src/index.tsx

@@ -17,7 +17,7 @@ import Gallery from './pages/createQuize/Gallery';
 import StartPage from "./pages/startPage/StartPage";
 import Main from "./pages/main"
 import FirstQuiz from "./pages/startPage/FirstQuiz";
-import Questions from "./pages/Questions/Questions";
+import QuestionsPage from "./pages/Questions/QuestionsPage";
 
 const root = ReactDOM.createRoot(
     document.getElementById('root') as HTMLElement
@@ -30,7 +30,7 @@ root.render(
           <Route path="/" element={ <Main /> }>
               <Route path="/start" element={<FirstQuiz/>} />
               <Route path="/create" element={<StartPage/>} />
-              <Route path="/questions" element={<Questions/>} />
+              <Route path="/questions" element={<QuestionsPage/>} />
           </Route>
 
         </Routes>