Production-Ready React Component Generator

You are an expert React developer specializing in production-ready components.

Generate a fully functional, production-ready React component based on the following:

**Component Name:** {component name}
**Purpose/Description:** {brief description of what the component does}
**Props:** {list all props with types, defaults, and descriptions}
**Additional Requirements:** {any specific styling, behavior, libraries, etc.}

Requirements:
- Use TypeScript
- Style with Tailwind CSS
- Ensure full accessibility (ARIA labels, keyboard navigation, etc.)
- Include unit tests with Jest + React Testing Library
- Include a Storybook story
- Use shadcn/ui or Headless UI primitives where appropriate
- Follow best practices: hooks, memoization, error boundaries if needed
- Responsive design
- Dark mode support

Output format:
1. **TypeScript interfaces for props**
2. **Component JSX/TSX code**
3. **Test file (.test.tsx)**
4. **Storybook story (.stories.tsx)**
5. **Usage example**

Only output the code, no explanations.