create component

Create a frontend component with proper structure, types, and accessibility.

Steps

1. Determine the component specification:
2. Detect the project's frontend framework:
3. Create the component file(s):
4. Add accessibility attributes:
5. Add responsive styling:
6. Create a test file for the component.
7. Export the component from the module index.

Format

Component: <name>
Framework: <React|Vue|Svelte|etc>
Files:
  - <component file>

Rules

• Follow the project's existing component patterns.
• Every interactive element must be keyboard accessible.
• Use semantic HTML elements over generic divs.