From 5cdcfb39209ceb23bdc8881fb6d3449298332a82 Mon Sep 17 00:00:00 2001
From: Alice Dahan <lilice.dhn@gmail.com>
Date: Mon, 4 Nov 2024 15:52:12 +0100
Subject: [PATCH] chore: ajout de stories pour Select et SearchableSelectField

---
 .../SearchableSelectField.stories.tsx         | 20 +++++++++++++++++
 .../field/Select/Select.stories.tsx           | 22 +++++++++++++++++++
 2 files changed, 42 insertions(+)
 create mode 100644 site/source/design-system/field/SearchableSelectField/SearchableSelectField.stories.tsx
 create mode 100644 site/source/design-system/field/Select/Select.stories.tsx

diff --git a/site/source/design-system/field/SearchableSelectField/SearchableSelectField.stories.tsx b/site/source/design-system/field/SearchableSelectField/SearchableSelectField.stories.tsx
new file mode 100644
index 000000000..6334861e8
--- /dev/null
+++ b/site/source/design-system/field/SearchableSelectField/SearchableSelectField.stories.tsx
@@ -0,0 +1,20 @@
+import { Meta, StoryObj } from '@storybook/react'
+
+import { SearchableSelectField } from './SearchableSelectField'
+
+const meta: Meta<typeof SearchableSelectField> = {
+	component: SearchableSelectField,
+}
+
+export default meta
+
+type Story = StoryObj<typeof SearchableSelectField>
+
+export const Basic: Story = {
+	render: () => (
+		<SearchableSelectField
+			selectedValue={<div>une réponse</div>}
+		></SearchableSelectField>
+	),
+	args: {},
+}
diff --git a/site/source/design-system/field/Select/Select.stories.tsx b/site/source/design-system/field/Select/Select.stories.tsx
new file mode 100644
index 000000000..87dc18d76
--- /dev/null
+++ b/site/source/design-system/field/Select/Select.stories.tsx
@@ -0,0 +1,22 @@
+import { Meta, StoryObj } from '@storybook/react'
+
+import { Item } from '@/design-system'
+
+import { Select } from '.'
+
+const meta: Meta<typeof Select> = {
+	component: Select,
+}
+
+export default meta
+
+type Story = StoryObj<typeof Select>
+
+export const Basic: Story = {
+	render: () => (
+		<Select value={2}>
+			<Item textValue="Salut">Ça va ?</Item>
+		</Select>
+	),
+	args: {},
+}