From aafeba8e2b8ce11a86bd87f35ec8776a4d84ca7b Mon Sep 17 00:00:00 2001
From: Caio Alexandre Troti Caetano <caio_aletroca@hotmail.com>
Date: Tue, 17 Dec 2024 16:32:20 -0300
Subject: [PATCH] :sparkles: feat: Added Textarea stories

---
 src/components/ui/textarea/textarea.mdx       | 14 ++++++++
 .../ui/textarea/textarea.stories.tsx          | 35 +++++++++++++++++++
 2 files changed, 49 insertions(+)
 create mode 100644 src/components/ui/textarea/textarea.mdx
 create mode 100644 src/components/ui/textarea/textarea.stories.tsx

diff --git a/src/components/ui/textarea/textarea.mdx b/src/components/ui/textarea/textarea.mdx
new file mode 100644
index 00000000..2940bca2
--- /dev/null
+++ b/src/components/ui/textarea/textarea.mdx
@@ -0,0 +1,14 @@
+import { Meta, Controls, Primary, Canvas } from '@storybook/blocks'
+import * as Story from './textarea.stories'
+
+<Meta of={Story} />
+
+# Textarea
+
+Displays a form textarea or a component that looks like a textarea.
+
+### Default
+
+<Canvas of={Story.Default} />
+
+<Controls />
diff --git a/src/components/ui/textarea/textarea.stories.tsx b/src/components/ui/textarea/textarea.stories.tsx
new file mode 100644
index 00000000..66e40cd0
--- /dev/null
+++ b/src/components/ui/textarea/textarea.stories.tsx
@@ -0,0 +1,35 @@
+import { ComponentProps } from 'react'
+import { Meta, StoryObj } from '@storybook/react'
+import { Textarea } from '.'
+import { FormProvider, useForm } from 'react-hook-form'
+
+const meta: Meta<ComponentProps<'textarea'>> = {
+  title: 'Primitives/Textarea',
+  component: Textarea,
+  argTypes: {
+    disabled: {
+      type: 'boolean',
+      description: 'If the input is disabled'
+    },
+    className: {
+      type: 'string',
+      description: "The input's class"
+    }
+  }
+}
+
+export default meta
+
+export const Default: StoryObj<ComponentProps<'textarea'>> = {
+  args: {
+    placeholder: 'Textarea...'
+  },
+  render: (args) => {
+    const form = useForm()
+    return (
+      <FormProvider {...form}>
+        <Textarea {...args} />
+      </FormProvider>
+    )
+  }
+}