From 620cc351bbb229df54a9cd43609bcce8f0df1873 Mon Sep 17 00:00:00 2001
From: Andrey Okonetchnikov <andrey@okonet.dev>
Date: Tue, 19 Jul 2022 14:59:04 +0200
Subject: [PATCH] Add a combobox story

---
 .../components/combobox.stories.tsx           | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 apps/designer/app/shared/design-system/components/combobox.stories.tsx

diff --git a/apps/designer/app/shared/design-system/components/combobox.stories.tsx b/apps/designer/app/shared/design-system/components/combobox.stories.tsx
new file mode 100644
index 0000000000..3be4ece079
--- /dev/null
+++ b/apps/designer/app/shared/design-system/components/combobox.stories.tsx
@@ -0,0 +1,24 @@
+import { ComponentStory } from "@storybook/react";
+import React from "react";
+import { Combobox } from "~/shared/design-system";
+
+export default {
+  component: Combobox,
+};
+
+export const Simple: ComponentStory<typeof Combobox> = () => {
+  const options = [
+    { label: "Apple" },
+    { label: "Banana" },
+    { label: "Orange" },
+  ];
+  const [value, setValue] = React.useState(options[0]);
+  return (
+    <Combobox
+      name="fruit"
+      items={options}
+      value={value}
+      onValueChange={setValue}
+    />
+  );
+};