Добавил компонент с затемнением и фиксированной позицией

src/components/modalWindow/modalWindow.module.css

+.modalWindow {
+    position: fixed;
+    background-color: rgb(0, 0, 0, 0.67);
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.modalWindow_body {
+    background-color: white;
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    padding-bottom: 150px;
+}
+
+.modalWindow_hr {
+    border: 2px solid rgba(205, 207, 208, 1);
+    height: 3px;
+    border-radius: 5px;
+    min-width: 35px;
+    position: relative;
+    width: 2vw;
+    left: 50%;
+    transform: translate(-50%);
+    margin: 8px 0px 28px 0;
+}
\ No newline at end of file

src/components/modalWindow/modalWindow.tsx

+import style from "./modalWindow.module.css";
+
+const Spinner = () => {
+	return (
+		<div className={style.modalWindow}>
+			<div className={style.modalWindow_body}>
+				<div className={style.modalWindow_hr}></div>
+				<p>Some text</p>
+                <input placeholder="some input"></input>
+			</div>
+		</div>
+	);
+};
+
+export default Spinner;