import { CheckCircle2, CircleDashed } from 'lucide-react'

interface TaskStatusPillProps {
  done: boolean
}

export const TaskStatusPill = ({ done }: TaskStatusPillProps) => (
  <span className="inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-xs font-semibold">
    {done ? <CheckCircle2 className="h-4 w-4 text-emerald-500" /> : <CircleDashed className="h-4 w-4 text-amber-500" />}
    {done ? 'Выполнена' : 'Открыта'}
  </span>
)