From 4e9f87c9b676c663124e3faec4cc73bcf7d1575c Mon Sep 17 00:00:00 2001
From: Zoe Hayes <zoehayes286@gmail.com>
Date: Thu, 11 Apr 2024 14:30:28 -0400
Subject: [PATCH] chore(search.storiss.tsx): add Input.Search storybook stories

---
 .../Input/Search/Search.stories.tsx           | 43 +++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 src/components/data-entry/Input/Search/Search.stories.tsx

diff --git a/src/components/data-entry/Input/Search/Search.stories.tsx b/src/components/data-entry/Input/Search/Search.stories.tsx
new file mode 100644
index 000000000..479f4e142
--- /dev/null
+++ b/src/components/data-entry/Input/Search/Search.stories.tsx
@@ -0,0 +1,43 @@
+import { Meta, StoryObj } from '@storybook/react'
+import { Input } from 'src/components'
+
+const meta: Meta<typeof Input.Search> = {
+  title: 'Aquarium/Data Entry/Input/Search/Search',
+  component: Input.Search,
+
+  args: {
+    placeholder: 'Input.Search Placeholder',
+    enterButton: undefined,
+    loading: false,
+    onSearch: e => {
+      console.log('Search triggered: ' + String(e))
+    },
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof Input.Search>
+
+export const Default: Story = {
+}
+
+export const EnterButton: Story = {
+  args: {
+    enterButton: <span>Search</span>,
+  },
+}
+
+export const Loading: Story = {
+  args: {
+    loading: true,
+  },
+}
+
+
+export const LoadingWithEnterButton: Story = {
+  args: {
+    enterButton: <span>Search</span>,
+    loading: true,
+  },
+}