From c516857fcb53617d24707707a84d63dccda24ca0 Mon Sep 17 00:00:00 2001
From: Bumang-Cyber <jove0729@naver.com>
Date: Thu, 4 Jan 2024 11:11:19 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20layout=ED=8C=8C=EC=9D=BC=20=EB=B6=84?=
 =?UTF-8?q?=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx                                        | 2 +-
 src/components/.gitkeep                            | 0
 src/{App.styled.ts => components/layout/index.tsx} | 4 ++--
 3 files changed, 3 insertions(+), 3 deletions(-)
 delete mode 100644 src/components/.gitkeep
 rename src/{App.styled.ts => components/layout/index.tsx} (78%)

diff --git a/src/App.tsx b/src/App.tsx
index a1da3efe..50f73ad7 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,5 +1,5 @@
 import { Outlet } from "react-router-dom";
-import * as S from "./App.styled";
+import * as S from "./components/layout";
 
 function App() {
   return (
diff --git a/src/components/.gitkeep b/src/components/.gitkeep
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/App.styled.ts b/src/components/layout/index.tsx
similarity index 78%
rename from src/App.styled.ts
rename to src/components/layout/index.tsx
index b202e30e..0a904a43 100644
--- a/src/App.styled.ts
+++ b/src/components/layout/index.tsx
@@ -9,7 +9,7 @@ export const Container = styled.div`
   justify-content: center;
   align-items: center;
 
-  background-color: ${(props) => props.theme.color.greyScale6};
+  background-color: ${({ theme }) => theme.color.greyScale6};
 `;
 
 export const Wrapper = styled.div`
@@ -26,6 +26,6 @@ SHeader에 들어갈 컴포넌트 예시입니다.
 export const SHeader = styled.div`
   width: 100%;
   height: 56px;
-  background-color: ${(props) => props.theme.color.greyScale2};
+  background-color: ${({theme}) => theme.color.greyScale2};
 `;
 */