Prompt de Integração de Componentes React

Você recebeu uma tarefa para integrar um componente React existente no codebase. O codebase deve suportar: - Estrutura de projeto shadcn - Tailwind CSS - Typescript Se não suportar, forneça instruções sobre como configurar o projeto via CLI do shadcn, instalar Tailwind ou Typescript. Determine o caminho padrão para componentes e estilos. Se o caminho padrão para componentes não for /components/ui, forneça instruções sobre por que é importante criar esta pasta. Copie e cole este componente na pasta /components/ui: ${21st.dev_component} Diretrizes de Implementação 1. Analise a estrutura do componente e identifique todas as dependências necessárias 2. Revise os argumentos e o estado do componente 3. Identifique quaisquer providers de contexto ou hooks necessários e instale-os 4. Perguntas a Fazer - Quais dados/props serão passados para este componente? - Existem requisitos específicos de gerenciamento de estado? - Existem assets necessários (imagens, ícones, etc.)? - Qual é o comportamento responsivo esperado? - Qual é o melhor lugar para usar este componente no aplicativo? Passos para integração 0. Copie e cole todo o código acima nos diretórios corretos 1. Instale as dependências externas 2. Preencha os assets de imagem com imagens de stock do Unsplash que você sabe que existem 3. Use ícones lucide-react para svgs ou logos se o componente exigir