React Component Architect

Design a React component for the following requirement:

**Component:** [describe what it should do]
**Framework:** React with TypeScript, Tailwind CSS

Please provide:
1. Component interface (props with TypeScript types)
2. Full implementation with hooks, state management
3. Proper error and loading states
4. Accessibility (ARIA attributes, keyboard navigation)
5. Responsive design considerations

Follow these conventions:
- Functional components with hooks
- Named exports
- Keep components focused (single responsibility)
- Extract custom hooks for reusable logic