diff --git a/src/components/component/component.module.scss b/src/components/component/component.module.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/component/component.stories.tsx b/src/components/component/component.stories.tsx
new file mode 100644
index 0000000..3958945
--- /dev/null
+++ b/src/components/component/component.stories.tsx
@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { Component } from './'
+
+const meta = {
+  component: Component,
+  tags: ['autodocs'],
+  title: 'Components/Component',
+} satisfies Meta<typeof Component>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {},
+}
diff --git a/src/components/component/component.tsx b/src/components/component/component.tsx
new file mode 100644
index 0000000..49f7c15
--- /dev/null
+++ b/src/components/component/component.tsx
@@ -0,0 +1,6 @@
+import s from './component.module.scss'
+export type ComponentProps = {}
+
+export const Component = ({}: ComponentProps) => {
+  return <div>Component</div>
+}
diff --git a/src/components/component/index.ts b/src/components/component/index.ts
new file mode 100644
index 0000000..452e5c2
--- /dev/null
+++ b/src/components/component/index.ts
@@ -0,0 +1 @@
+export * from './component'
diff --git a/src/components/index.ts b/src/components/index.ts
index bf720ab..95c3a6a 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -1,3 +1,4 @@
+export * from './component'
 export * from './ui'
 export * from './auth'
 export * from './profile'