From d111a04f5778ae6eab97211a0413856dd967bf3a Mon Sep 17 00:00:00 2001
From: Rallenson <Rallenson900@gmail.com>
Date: Sun, 15 Jan 2023 22:38:12 -0300
Subject: [PATCH] feat:estrutura base do footer top inicializada

---
 .../src/components/modules/footer.module.scss |  5 ++++
 .../scripts/celulas/FooterBottom.tsx          |  9 +-----
 .../components/scripts/celulas/FooterTop.tsx  | 14 ++++-----
 .../components/scripts/celulas/ListMenu.tsx   | 29 +++++++++++++++++++
 .../scripts/celulas/SocialMedia.tsx           | 18 ++++++++++++
 desafio-5/src/index.tsx                       |  2 +-
 6 files changed, 59 insertions(+), 18 deletions(-)
 create mode 100644 desafio-5/src/components/scripts/celulas/ListMenu.tsx
 create mode 100644 desafio-5/src/components/scripts/celulas/SocialMedia.tsx

diff --git a/desafio-5/src/components/modules/footer.module.scss b/desafio-5/src/components/modules/footer.module.scss
index 5617b9e..f5c46d3 100644
--- a/desafio-5/src/components/modules/footer.module.scss
+++ b/desafio-5/src/components/modules/footer.module.scss
@@ -72,6 +72,11 @@
     }
     &_Top{
         width: 100%;
+        display: flex;
+        justify-content: space-between;
+        padding: 50px 100px;
+        align-items: flex-start;
+        background: pink;
     }
     &_bottom{
         background: $-black;
diff --git a/desafio-5/src/components/scripts/celulas/FooterBottom.tsx b/desafio-5/src/components/scripts/celulas/FooterBottom.tsx
index 4420074..cda2ef1 100644
--- a/desafio-5/src/components/scripts/celulas/FooterBottom.tsx
+++ b/desafio-5/src/components/scripts/celulas/FooterBottom.tsx
@@ -9,14 +9,7 @@ interface Calsses {
     Paymentsclass?: string;
 }
 
-interface TopFooterProps extends Calsses {
-
-}
-interface TopFooteratrr extends TopFooterProps {
-
-}
-
-export const BottomFooter: React.FC<TopFooteratrr> = (
+export const BottomFooter: React.FC<Calsses> = (
     {Dadclass,wraaperclass,Paymentsclass,Authorclass}
 ) => {
 
diff --git a/desafio-5/src/components/scripts/celulas/FooterTop.tsx b/desafio-5/src/components/scripts/celulas/FooterTop.tsx
index 042f922..a039706 100644
--- a/desafio-5/src/components/scripts/celulas/FooterTop.tsx
+++ b/desafio-5/src/components/scripts/celulas/FooterTop.tsx
@@ -1,24 +1,20 @@
 import React from "react";
+import { MenuList } from "./ListMenu";
+import { SocialMedia } from "./SocialMedia";
 
 interface Calsses {
     DadClass?: string;
 }
 
-interface TopFooterProps extends Calsses {
-
-}
-interface TopFooteratrr extends TopFooterProps {
-
-}
-
-export const TopFooter: React.FC<TopFooteratrr> = (
+export const TopFooter: React.FC<Calsses> = (
     {DadClass}
 ) => {
 
 
     return(
         <div className={DadClass}>
-            Footer top
+            <MenuList />
+            <SocialMedia />
         </div>
     )
 };
diff --git a/desafio-5/src/components/scripts/celulas/ListMenu.tsx b/desafio-5/src/components/scripts/celulas/ListMenu.tsx
new file mode 100644
index 0000000..83bb996
--- /dev/null
+++ b/desafio-5/src/components/scripts/celulas/ListMenu.tsx
@@ -0,0 +1,29 @@
+import React from "react"
+
+interface Calsses {
+    wrapperClass?: string;
+}
+
+export const MenuList: React.FC<Calsses> = (
+    {wrapperClass}
+) => {
+
+
+    return(
+        <div className={wrapperClass}>
+            Menu List
+        </div>
+    )
+};
+
+export const MenuListmobile: React.FC<Calsses> = (
+    {wrapperClass}
+) => {
+
+
+    return(
+        <div className={wrapperClass}>
+            Menu List
+        </div>
+    )
+};
\ No newline at end of file
diff --git a/desafio-5/src/components/scripts/celulas/SocialMedia.tsx b/desafio-5/src/components/scripts/celulas/SocialMedia.tsx
new file mode 100644
index 0000000..cf436d9
--- /dev/null
+++ b/desafio-5/src/components/scripts/celulas/SocialMedia.tsx
@@ -0,0 +1,18 @@
+import React from "react"
+
+interface Calsses {
+    wrapperClass?: string;
+}
+
+
+export const SocialMedia: React.FC<Calsses> = (
+    {wrapperClass}
+) => {
+
+
+    return(
+        <div className={wrapperClass}>
+            Social media
+        </div>
+    )
+};
\ No newline at end of file
diff --git a/desafio-5/src/index.tsx b/desafio-5/src/index.tsx
index e8ed400..642b782 100644
--- a/desafio-5/src/index.tsx
+++ b/desafio-5/src/index.tsx
@@ -16,9 +16,9 @@ if (rootElement) {
         <RouterProvider>
             <SubmenuProvider>
                 <Header />
-            </SubmenuProvider>
                 <Main  />
                 <Footer />
+            </SubmenuProvider>
         </RouterProvider>
     );
 } else {