feat: Layout 컴포넌트 개발

Author: Cllaude99

apps/web/src/components/Layout/Layout.styles.ts

@@ -0,0 +1,14 @@
+import styled from '@emotion/styled';
+import { breakpoints } from '@meme_wiki/ui';
+
+const Layout = styled.main`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100vh;
+  max-width: ${breakpoints.mobile};
+  border: 1px solid ${({ theme }) => theme.palette.gray[800]};
+  margin: 0 auto;
+`;
+
+export { Layout };

apps/web/src/components/Layout/index.tsx

@@ -0,0 +1,12 @@
+import * as S from './Layout.styles';
+
+interface LayoutProps {
+  children: React.ReactNode;
+  layoutStyle?: React.CSSProperties;
+}
+
+const Layout = ({ children, layoutStyle }: LayoutProps) => {
+  return <S.Layout style={layoutStyle}>{children}</S.Layout>;
+};
+
+export default Layout;