From a729078328979e3844d6d1d475ceb13ad0f0bf86 Mon Sep 17 00:00:00 2001
From: filantrop <filantrop83@gmail.com>
Date: Thu, 28 Jul 2022 23:27:51 +0300
Subject: [PATCH] Added the className property and applied it to the div
 instead of the ReactFragment tag.

---
 src/components/BaseLayout.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/BaseLayout.tsx b/src/components/BaseLayout.tsx
index 90a23d1..e5331df 100644
--- a/src/components/BaseLayout.tsx
+++ b/src/components/BaseLayout.tsx
@@ -3,11 +3,12 @@ type Props = {
     header?: React.ReactElement,
     children: React.ReactNode,
     footer?: React.ReactElement,
+    className : string,
 }
 
-function BaseLayout({header, footer, children}: Props) {
+function BaseLayout( { header, footer, children, className }: Props ) {
     return (
-    <>
+    <div className={className}>
         <header>
             {header}
         </header>
@@ -19,7 +20,7 @@ function BaseLayout({header, footer, children}: Props) {
         <footer>
             {footer}
         </footer>
-    </>
+    </div>
     );
   }