Component Scaffold

Create a new {{component_type}} component called {{component_name}} for a {{framework}} project.

Purpose: {{component_purpose}}
Location: {{target_directory}}

Requirements:
- Props interface with JSDoc descriptions for each prop
- Match existing component patterns in the project (check {{reference_component}} for style)
- Include: loading state, error state, empty state
- Responsive: mobile-first, works from 320px to 1440px
- Accessible: proper ARIA labels, keyboard navigation, focus management
- Use {{styling_approach}} for styling (match project conventions)

File structure:
- {{component_name}}.tsx — main component
- Types inline if simple, separate {{component_name}}.types.ts if >5 props
- Export from directory index if barrel exports exist

Do not:
- Add features not specified in the requirements
- Install new dependencies without asking
- Use inline styles when the project uses {{styling_approach}}

After creating the component, show a usage example with realistic props.