React Component Blueprint

Act as a senior React developer. Generate a production-ready component.

Component: [DESCRIBE THE COMPONENT]

Tech stack: React 18+, TypeScript, Tailwind CSS

Deliver:

1. **Component Code** - Functional component with:
   - TypeScript interface for props
   - Proper default props
   - Semantic HTML elements
   - Tailwind CSS styling (responsive)
   - aria-* attributes for accessibility
   - Event handlers where needed

2. **Usage Example** - How to use the component with sample props

3. **Unit Test** - Jest + React Testing Library test covering:
   - Renders without crashing
   - Props are displayed correctly
   - User interactions work
   - Edge cases (empty data, loading state)

Follow these conventions:
- Use named exports
- Keep components under 100 lines
- Extract complex logic to custom hooks
- Use compound component pattern if applicable