From 0dade624f6ec5b0a406937f2b455c367036c733b Mon Sep 17 00:00:00 2001
From: 1119wj <1119wj@naver.com>
Date: Mon, 18 Nov 2024 08:55:51 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=82=AC=EC=9D=B4=EB=93=9C=ED=83=AD=20?=
 =?UTF-8?q?=ED=99=95=EC=9E=A5=EC=9C=84=ED=95=9C=20=EC=BB=A8=ED=85=8C?=
 =?UTF-8?q?=EC=9D=B4=EB=84=88=20#101?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#preview
---
 frontend/src/components/common/SideContainer.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 frontend/src/components/common/SideContainer.tsx

diff --git a/frontend/src/components/common/SideContainer.tsx b/frontend/src/components/common/SideContainer.tsx
new file mode 100644
index 00000000..4579ce9c
--- /dev/null
+++ b/frontend/src/components/common/SideContainer.tsx
@@ -0,0 +1,15 @@
+const SideContainer = ({
+  children,
+  className = '',
+}: {
+  children: React.ReactNode;
+  className?: string;
+}) => (
+  <div
+    className={`absolute left-0 top-0 flex h-full w-[600px] gap-0.5 ${className}`}
+  >
+    {children}
+  </div>
+);
+
+export default SideContainer;