mnemo_cards/mnemo_cards_admin/src/components/tasks/TaskStatusBadge.tsx

import { Badge } from '@/components/ui/badge'
import { cn } from '@/lib/utils'
import type { TaskDto } from '@/types/models'

interface TaskStatusBadgeProps {
  status: TaskDto['status']
  className?: string
}

export function TaskStatusBadge({ status, className }: TaskStatusBadgeProps) {
  const statusConfig = {
    available: {
      label: 'Доступна',
      variant: 'default' as const,
      className: 'bg-green-500 hover:bg-green-600 text-white border-transparent',
    },
    in_progress: {
      label: 'В процессе',
      variant: 'default' as const,
      className: 'bg-blue-500 hover:bg-blue-600 text-white border-transparent',
    },
    completed: {
      label: 'Завершена',
      variant: 'default' as const,
      className: 'bg-purple-500 hover:bg-purple-600 text-white border-transparent',
    },
    expired: {
      label: 'Истекла',
      variant: 'secondary' as const,
      className: 'bg-gray-500 hover:bg-gray-600 text-white border-transparent',
    },
    failed: {
      label: 'Провалена',
      variant: 'destructive' as const,
      className: 'bg-red-500 hover:bg-red-600 text-white border-transparent',
    },
  }

  const config = statusConfig[status]

  return (
    <Badge
      variant={config.variant}
      className={cn(config.className, className)}
    >
      {config.label}
    </Badge>
  )
}