React Component Generator with TypeScript and Tests

Create a new React component called [ComponentName]. Requirements:
- TypeScript with explicit Props interface exported
- Use functional component with React.FC<Props>
- Implement proper ref forwarding with React.forwardRef if needed
- Add JSDoc comments on the Props interface and component
- Include default props where sensible
- Create a companion [ComponentName].test.tsx file with:
  - Render test
  - Props validation tests
  - User interaction tests using @testing-library/react
  - Accessibility tests (role, aria-label)
- Follow the existing component patterns in this codebase
- Use existing design system tokens/classes, not arbitrary styles
- Handle loading, error, and empty states