adding monkeytype

frontend/storybook/stories/Separator.stories.tsx

@@ -0,0 +1,34 @@
+import preview from "#.storybook/preview";
+
+import { Separator } from "../../src/ts/components/common/Separator";
+
+const meta = preview.meta({
+  title: "Common/Separator",
+  component: Separator,
+  parameters: {
+    layout: "centered",
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    vertical: { control: "boolean" },
+    class: { control: "text" },
+  },
+});
+
+export const Horizontal = meta.story(() => (
+  <div style={{ width: "300px" }}>
+    <div style={{ color: "var(--text-color)", "margin-bottom": "8px" }}>
+      Above
+    </div>
+    <Separator />
+    <div style={{ color: "var(--text-color)", "margin-top": "8px" }}>Below</div>
+  </div>
+));
+
+export const Vertical = meta.story(() => (
+  <div style={{ display: "flex", gap: "8px", height: "60px" }}>
+    <span style={{ color: "var(--text-color)" }}>Left</span>
+    <Separator vertical />
+    <span style={{ color: "var(--text-color)" }}>Right</span>
+  </div>
+));