[FEAT] Layout 컴포넌트, 스토리북 작성

src/components/common/Layout/Layout.stories.tsx

@@ -0,0 +1,26 @@
+/* eslint-disable no-restricted-exports */
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { Layout } from '.';
+import { Body1 } from '../Typography';
+
+const meta = {
+  title: 'components/common/Layout',
+  component: Layout,
+  tags: ['autodocs'],
+} satisfies Meta<typeof Layout>;
+
+export default meta;
+type Story = StoryObj<typeof Layout>;
+
+export const Basic: Story = {
+  render: () => {
+    return (
+      <Layout>
+        <div className="w-full h-screen bg-gray-50 flex justify-center items-center opacity-40">
+          <Body1>핀디, 순간을 PIN에 담아보세요!</Body1>
+        </div>
+      </Layout>
+    );
+  },
+};

src/components/common/Layout/Layout.types.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+
+export type Props = PropsWithChildren;

src/components/common/Layout/index.tsx

@@ -0,0 +1,9 @@
+import { Props } from './Layout.types';
+
+export const Layout = ({ children }: Props) => {
+  return (
+    <div className=" relative max-w-[480px] min-h-screen h-full bg-white py-0 px-4 m-auto">
+      {children}
+    </div>
+  );
+};