feat:estrutura base do footer top inicializada

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;

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}
 ) => {
 

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>
     )
 };

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>
+    )
+};

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>
+    )
+};

desafio-5/src/index.tsx

@@ -16,9 +16,9 @@ if (rootElement) {
         <RouterProvider>
             <SubmenuProvider>
                 <Header />
-            </SubmenuProvider>
                 <Main  />
                 <Footer />
+            </SubmenuProvider>
         </RouterProvider>
     );
 } else {