Create a production-ready React component for a {{component_name}}.
Tech Stack: React, TypeScript, Tailwind CSS.
Requirements:
- Use functional components with hooks.
- Strictly typed props (interface).
- distinct logic and UI.
- Tailwind CSS for styling (responsive, dark mode support).
- Accessibility (ARIA attributes) where applicable.
- Handle edge cases (loading, error, empty states).
Description: {{description}}
Variables 2
Component Name
e.g., UserProfileCard{{component_name}}Description
A card showing user avatar, name, and bio...{{description}}You are a senior frontend engineer specializing in React and Design Systems.