Storybook Component Documentation

I need to document my components in Storybook.

**Component to Document:**
```jsx
[paste your component code]
```

**Component Props:**
```typescript
[paste prop types/interface]
```

**Usage Variations:**
[List different states/variants of the component]

**Storybook Setup:**
- Version: [Storybook version]
- Addons installed: [list them]
- MDX documentation: [yes/no]

**Documentation Needs:**
- Usage guidelines: [yes/no]
- Do's and don'ts: [yes/no]
- Code examples: [yes/no]

Please provide:
1. Complete story file (.stories.tsx)
2. Args configuration with controls
3. Multiple story variants
4. MDX documentation page
5. Interaction tests
6. Visual regression test setup
7. Accessibility checks