import { IconCircle, IconCircleFilled, IconCircleCheckFilled } from '@tabler/icons-react';
import type { TodoItem } from './types';
interface TodoItemRowProps {
item: TodoItem;
}
const STATUS_ICONS = {
pending: ,
in_progress: ,
completed: ,
};
export function TodoItemRow({ item }: TodoItemRowProps) {
const label = item.status === 'in_progress' ? item.activeForm : item.content;
const isInProgress = item.status === 'in_progress';
const isCompleted = item.status === 'completed';
return (
{STATUS_ICONS[item.status]}
{label}
);
}