test: ProgressBar 컴포넌트 스토리북 제작 #58

src/components/shared/progress-bar/ProgressBar.stories.tsx

@@ -0,0 +1,42 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import ProgressBar from './ProgressBar';
+
+const meta: Meta = {
+  title: 'Shared/ProgressBar',
+  component: ProgressBar,
+  tags: ['autodocs'],
+  argTypes: {
+    progressCount: {
+      type: 'number',
+      min: 1,
+      max: 5,
+      step: 1,
+    },
+    currentProgress: {
+      control: {
+        type: 'range',
+        min: 1,
+        max: 5,
+        step: 1, // 조절 간격
+      },
+    },
+  },
+}satisfies Meta<typeof ProgressBar>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const CarDetailInput: Story = {
+  args: {
+    progressCount: 5,
+    currentProgress: 3,
+  },
+};
+
+export const CarWashDetailInput: Story = {
+  args: {
+    progressCount: 3,
+    currentProgress: 1,
+  },
+};