From 65d22f1021210c75d7d27e20ca279563edb909aa Mon Sep 17 00:00:00 2001
From: william garrity <wgarrity@mieweb.com>
Date: Thu, 29 Jan 2026 22:05:48 -0500
Subject: [PATCH] fix(Textarea): Fix Default story controls to be fully
 interactive

- Convert Default story from hardcoded render to args-based approach
- Add explicit default values for all props (size, resize, showCount, autoResize, disabled, hasError)
- Add missing argTypes: label, placeholder, helperText, error, maxLength, rows, hasError
- Add 320px width container decorator for consistent display
---
 src/components/Textarea/Textarea.stories.tsx | 46 +++++++++++++++++---
 1 file changed, 41 insertions(+), 5 deletions(-)

diff --git a/src/components/Textarea/Textarea.stories.tsx b/src/components/Textarea/Textarea.stories.tsx
index 5fecb1a..2851867 100644
--- a/src/components/Textarea/Textarea.stories.tsx
+++ b/src/components/Textarea/Textarea.stories.tsx
@@ -27,6 +27,27 @@ const meta: Meta<typeof Textarea> = {
     disabled: {
       control: 'boolean',
     },
+    hasError: {
+      control: 'boolean',
+    },
+    label: {
+      control: 'text',
+    },
+    placeholder: {
+      control: 'text',
+    },
+    helperText: {
+      control: 'text',
+    },
+    error: {
+      control: 'text',
+    },
+    maxLength: {
+      control: 'number',
+    },
+    rows: {
+      control: 'number',
+    },
   },
 };
 
@@ -34,11 +55,26 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {
-  render: () => (
-    <div className="w-80">
-      <Textarea label="Description" placeholder="Enter a description..." />
-    </div>
-  ),
+  args: {
+    label: 'Description',
+    placeholder: 'Enter a description...',
+    size: 'md',
+    resize: 'vertical',
+    showCount: false,
+    autoResize: false,
+    disabled: false,
+    hasError: false,
+    helperText: '',
+    error: '',
+    maxLength: undefined,
+  },
+  decorators: [
+    (Story) => (
+      <div className="w-80">
+        <Story />
+      </div>
+    ),
+  ],
 };
 
 export const WithHelperText: Story = {