develop

src/app/components/modalWindow.tsx

@@ -0,0 +1,32 @@
+import React, { ReactNode } from 'react';
+
+interface ModalWindowtProps {
+	children: ReactNode;
+	state: boolean;
+	callBack: (value: boolean) => void;
+}
+
+export default function ModalWindow({ children, state, callBack }: ModalWindowtProps) {
+	console.log(state);
+
+	return (
+		<>
+			{state && (
+				<div
+					className="modal-wrapper"
+					onClick={() => {
+						callBack(false);
+					}}
+				>
+					<div
+						className="modal-window"
+						onClick={(e) => e.stopPropagation()}
+					>
+						{children}
+					</div>
+				</div>
+			)
+			}
+		</>
+	)
+}