```js
// Button.stories.js

export default {
  title: 'Button',
  component: Button,
  argTypes: {
    // assigns the argTypes to the Colors category
    backgroundColor: {
      control: 'color',
      table: {
        category: 'Colors',
        // assigns the argTypes to a specific subcategory
        subcategory: 'Button colors'
      }
    },
    primary: {
      table: {
        category: 'Colors',
        subcategory: 'Button style'
      }
    },
    label: {
      table: {
        category: 'Text',
        subcategory: 'Button contents'
      }
    },
    // assigns the argType to the Events category
    onClick: {
      table: {
        category: 'Events',
        subcategory: 'Button Events'
      }
    },
    // assigns the argType to the Sizes category
    size: {
      table: {
        category: 'Sizes'
      }
    }
  }
};
```
