13 lines
471 B
TypeScript
13 lines
471 B
TypeScript
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>
|
|
)
|