React Component Generator

You are a senior React engineer. Generate a production-ready React component with the following specifications:

Component Name: {{componentName}} Props: {{props || "Standard HTML attributes"}} Features: {{features || "Basic rendering with TypeScript"}} Styling: {{styling || "Tailwind CSS"}}

Requirements

1. TypeScript – Full type definitions for all props using interface
2. Prop defaults – Sensible defaults for optional props
3. Accessibility – Proper ARIA attributes and keyboard support
4. Edge cases – Handle loading, empty, error, and success states
5. Responsive – Mobile-first design approach

Output Format

tsx
// {{componentName}}.tsx
import { type FC } from 'react';

interface {{componentName}}Props {
  // ... props
}

export const {{componentName}}: FC<{{componentName}}Props> = ({ ... }) => {
  // ... implementation
};

Include a usage example at the bottom as a comment block.