[#42] ✨ add logo component + storybook

Author: KingNono1030

src/components/common/logo/index.tsx

@@ -0,0 +1,19 @@
+import Link from 'next/link'
+
+import { LogoBlack, LogoGray, LogoWhite } from '@/assets/logoList'
+
+type Variant = 'default' | 'primary' | 'secondary'
+
+type LogoProps = { variant?: Variant }
+
+const logoByVariant: Record<Variant, React.ReactElement> = {
+  default: <LogoBlack />,
+  primary: <LogoWhite />,
+  secondary: <LogoGray />,
+}
+
+export const Logo = ({ variant = 'default' }: LogoProps): JSX.Element => {
+  const logo = logoByVariant[variant]
+
+  return <Link href={'/'}>{logo}</Link>
+}

src/stories/common/logo/Logo.stories.ts

@@ -0,0 +1,34 @@
+import { Logo } from '@/components/common/logo'
+
+export default {
+  title: 'Common/Logo/Logo',
+  component: Logo,
+  parameters: {
+    layout: 'centered',
+  },
+  argTypes: {
+    variant: {
+      control: 'radio',
+      options: ['default', 'primary', 'secondary'],
+      description: '로고의 스타일을 결정하는 옵션입니다.',
+    },
+  },
+}
+
+export const Default = {
+  args: {
+    variant: 'default',
+  },
+}
+
+export const Primary = {
+  args: {
+    variant: 'primary',
+  },
+}
+
+export const Secondary = {
+  args: {
+    variant: 'secondary',
+  },
+}