From dd7b6af97d2d32920abc4736e8ce475156f8a6e5 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 2 Feb 2023 21:53:26 -0600
Subject: [PATCH] Storybook: improve Button stories

---
 stories/Button.stories.tsx | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/stories/Button.stories.tsx b/stories/Button.stories.tsx
index 6db583e0fe..f6f598e309 100644
--- a/stories/Button.stories.tsx
+++ b/stories/Button.stories.tsx
@@ -5,10 +5,11 @@ import Button from 'soapbox/components/ui/button/button';
 
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
-  title: 'Example/Button',
+  title: 'UI/Button',
   component: Button,
   // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
   argTypes: {
+    text: { type: 'string', defaultValue: 'Button' },
     theme: {
       control: 'select',
       options: [
@@ -21,7 +22,20 @@ export default {
         'outline',
         'muted',
       ],
+      defaultValue: 'primary',
     },
+    size: {
+      control: 'select',
+      options: [
+        'xs',
+        'sm',
+        'md',
+        'lg',
+      ],
+      defaultValue: 'md',
+    },
+    disabled: { type: 'boolean', defaultValue: false },
+    onClick: { action: 'onClick' },
   },
 } as ComponentMeta<typeof Button>;
 
@@ -32,22 +46,19 @@ export const Primary = Template.bind({});
 // More on args: https://storybook.js.org/docs/react/writing-stories/args
 Primary.args = {
   theme: 'primary',
-  text: 'Button',
 };
 
 export const Secondary = Template.bind({});
 Secondary.args = {
-  text: 'Button',
+  theme: 'secondary',
 };
 
 export const Large = Template.bind({});
 Large.args = {
   size: 'lg',
-  text: 'Button',
 };
 
 export const Small = Template.bind({});
 Small.args = {
   size: 'sm',
-  text: 'Button',
 };