Prompt file imported from Spudymun/time-tracker (.github/prompts/new-component.prompt.md). Fill in {{componentName}}, {{folderPath}} before use. Copyright stays with the author.

New React Component

Создай компонент {{componentName}} в папке {{folderPath}}.

Что создать

1. {{folderPath}}/{{componentName}}.tsx — компонент
2. {{folderPath}}/{{componentName}}.test.tsx — тесты (если нужен DOM) или *.test.ts
3. {{folderPath}}/index.ts — barrel export

Требования к компоненту

• TypeScript strict: явный interface {{componentName}}Props
• Именованный export: export function {{componentName}}(...)
• TailwindCSS для стилизации — без inline styles, без CSS modules
• "use client" — только если нужны: useState, useEffect, event handlers
• JSDoc комментарий к компоненту и нетривиальным props

Требования к тестам

• Describe: "{{componentName}}"
• Покрыть: рендеринг по умолчанию + ключевые interactive сценарии
• Использовать @testing-library/react если DOM-тесты

Barrel export

// index.ts
export { {{componentName}} } from "./{{componentName}}";
export type { {{componentName}}Props } from "./{{componentName}}";

Перед созданием — проверь #codebase нет ли уже похожего компонента.