From 850c589e94a7c078e08f94fcb84ba7490404e63d Mon Sep 17 00:00:00 2001
From: Nitin Ramnani <nitin.ramnani@infosys.com>
Date: Mon, 17 Feb 2025 15:44:23 +0530
Subject: [PATCH] Added stories for Select Component

Signed-off-by: Nitin Ramnani <nitin.ramnani@infosys.com>
---
 .../src/components/Select/Select.stories.tsx  | 43 ++++++++++++++++++-
 1 file changed, 42 insertions(+), 1 deletion(-)

diff --git a/packages/core-components/src/components/Select/Select.stories.tsx b/packages/core-components/src/components/Select/Select.stories.tsx
index c48f36c2e5..af595605c7 100644
--- a/packages/core-components/src/components/Select/Select.stories.tsx
+++ b/packages/core-components/src/components/Select/Select.stories.tsx
@@ -15,7 +15,7 @@
  */
 
 import React from 'react';
-import { SelectComponent as Select } from './Select';
+import { SelectComponent as Select, SelectProps } from './Select';
 
 export default {
   title: 'Inputs/Select',
@@ -55,3 +55,44 @@ export const Multiple = () => (
     onChange={() => {}}
   />
 );
+
+export const Disabled = (args: SelectProps) => <Select {...args} />;
+
+Disabled.args = {
+  placeholder: 'All results',
+  label: 'Disabled',
+  items: SELECT_ITEMS,
+  disabled: true,
+};
+
+export const Selected = (args: SelectProps) => <Select {...args} />;
+
+Selected.args = {
+  placeholder: 'All results',
+  label: 'Selected',
+  items: SELECT_ITEMS,
+  disabled: false,
+  selected: 'test_2',
+};
+
+export const Native = (args: SelectProps) => <Select {...args} />;
+
+Native.args = {
+  placeholder: 'All results',
+  label: 'Native',
+  items: SELECT_ITEMS,
+  disabled: false,
+  selected: 'test_2',
+  native: true,
+};
+
+export const MarginDense = (args: SelectProps) => <Select {...args} />;
+
+MarginDense.args = {
+  placeholder: 'All results',
+  label: 'Margin Dense',
+  items: SELECT_ITEMS,
+  disabled: false,
+  selected: 'test_2',
+  margin: 'dense',
+};