From 126a462c0d2cd16c58d151415dd4d13ff25d1ce8 Mon Sep 17 00:00:00 2001
From: Chika <djchikalkin@gmail.com>
Date: Thu, 21 Apr 2022 00:25:07 +0300
Subject: [PATCH] Layout: replace div with main

---
 Components/Layout/index.jsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/Components/Layout/index.jsx b/Components/Layout/index.jsx
index 98960b2..e64c607 100644
--- a/Components/Layout/index.jsx
+++ b/Components/Layout/index.jsx
@@ -1,9 +1,9 @@
 import styled from 'styled-components';
-import { Box, Flex } from 'UIKit/grid';
+import { Flex } from 'UIKit/grid';
 import { min } from 'UIKit/mq';
 import Header from './Header';
 
-const ContentWrapper = styled(Box)`
+const Main = styled.main`
   ${min('laptop')} {
     margin: 3px 8px;
   }
@@ -15,11 +15,11 @@ const ContentWrapper = styled(Box)`
   }
 `;
 
-const Layout = ({ children }) => (
-  <Flex flexDirection="column">
-    <Header />
-    <ContentWrapper>{children}</ContentWrapper>
-  </Flex>
-);
-
-export default Layout;
+export default function Layout({ children }) {
+  return (
+    <Flex flexDirection="column">
+      <Header />
+      <Main>{children}</Main>
+    </Flex>
+  );
+}