From c3a67c2fa1447fff0ba18cdde9ffa36f1496ee55 Mon Sep 17 00:00:00 2001
From: MateusLopes <mateus20.lopes02@gmail.com>
Date: Sun, 8 Jan 2023 12:08:13 -0300
Subject: [PATCH] feat: add funcionalidade abre e fecha no footer

---
 src/components/footer/FooterMenu.tsx | 35 ++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/components/footer/FooterMenu.tsx

diff --git a/src/components/footer/FooterMenu.tsx b/src/components/footer/FooterMenu.tsx
new file mode 100644
index 0000000..8c83a42
--- /dev/null
+++ b/src/components/footer/FooterMenu.tsx
@@ -0,0 +1,35 @@
+import React, { useState } from 'react'
+
+interface IFooterMenuProps{
+    title: string;
+    content1: string;
+    content2: string;
+    content3: string;
+    content4: string;
+}
+
+const FooterMenu = (props: IFooterMenuProps) => {
+    const [isActive, setIsActive] = useState(false)
+
+    return (
+        <div className="footer-menu-item">
+            <div
+                className="footer-menu-title"
+                onClick={() => setIsActive(!isActive)}
+            >
+                <div>{props.title}</div>
+                <div className='close-open-menu'>{isActive ? '-' : '+'}</div>
+            </div>
+            {isActive && (
+                <>
+                    <li className="footer-menu-content">{props.content1}</li>
+                    <li className="footer-menu-content">{props.content2}</li>
+                    <li className="footer-menu-content">{props.content3}</li>
+                    <li className="footer-menu-content">{props.content4}</li>
+                </>
+            )}
+        </div>
+    )
+}
+
+export default FooterMenu