Todo List

Build a todo list component in React with TypeScript. Users can add new todos by typing in a text field and pressing Enter or clicking an "Add" button. Each todo can be toggled between complete and incomplete, and can be deleted.

The list should show how many items are remaining (not completed).

Output

Produce TypeScript/TSX files in a src/ directory:

• src/types.ts -- TypeScript type definitions
• src/components/TodoApp.tsx -- the main todo app component with the input form and list
• src/components/TodoItem.tsx -- component for a single todo item with toggle and delete

All data is local state (no API calls needed). Do not include test files or build configuration.