prompt

I want to integrate [COMPONENT_NAME] from [LIBRARY_NAME] into my project.

Step 1: Here's my current component code:
[PASTE YOUR CURRENT COMPONENT CODE]

Step 2: Here's the new library component I want to use:
[PASTE THE LIBRARY COMPONENT CODE - the actual component file, not just the usage example]

Step 3: Requirements:
- Keep my existing [LIST KEY FEATURES: branding, icons, functionality, etc.]
- Make it work in React artifacts (no external imports except lucide-react and framer-motion)
- Make it fully self-contained and standalone
- Keep it responsive for mobile and desktop
- [ANY OTHER SPECIFIC REQUIREMENTS]

Generate a complete, working component that combines both.