From 65110764449915be10fd7db5efdfdc8890cf3127 Mon Sep 17 00:00:00 2001
From: danielmoliaribarbosa <danielmoliaribarbosa@gmail.com>
Date: Fri, 20 Jan 2023 04:13:53 -0300
Subject: [PATCH] =?UTF-8?q?feature(institucional):=20Implementa=20React=20?=
 =?UTF-8?q?e=20Typescript=20da=20p=C3=A1gina=20institucional.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MenuHeader.tsx | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src/components/MenuHeader.tsx

diff --git a/src/components/MenuHeader.tsx b/src/components/MenuHeader.tsx
new file mode 100644
index 0000000..1489d78
--- /dev/null
+++ b/src/components/MenuHeader.tsx
@@ -0,0 +1,27 @@
+import { ContentMenuHeader } from "./Header/ContentMenuHeader";
+
+import CloseIcon from "./assets/imgs/SVGs/Close-button.svg";
+
+interface MenuHeaderProps {
+  isOpened: boolean;
+  setIsOpened: React.Dispatch<React.SetStateAction<boolean>>;
+}
+
+export const MenuHeader = ({ isOpened, setIsOpened }: MenuHeaderProps) => {
+  return (
+    <>
+      <section className={`ModalWrapper ${isOpened && "opened"}`}>
+        <div className="Modaltop">
+          <span> ENTRAR </span>
+          <button className="CloseButton" onClick={() => setIsOpened(false)}>
+            <img src={CloseIcon} alt="CloseIcon" />
+          </button>
+        </div>
+        <div className="ModalContent">
+          <ContentMenuHeader />
+        </div>
+        <div className="ModalOuverlay"></div>
+      </section>
+    </>
+  );
+};
-- 
2.34.1