import { DonutBreakdownCard } from '@/components/patterns/donut-breakdown-card'
import { readinessBreakdown } from '@/lib/metrics'
import type { ReadyStatus } from '@/queries/monitoring'

export function MonitoringHealthCard({
  healthOk,
  ready,
  loading,
}: {
  healthOk: boolean
  ready: ReadyStatus | null | undefined
  loading?: boolean
}) {
  const slices = readinessBreakdown(ready, healthOk)

  if (loading) {
    return (
      <DonutBreakdownCard
        title="Доступность системы"
        description="Проверки живучести и готовности"
        slices={[]}
        centerLabel="Проверки"
      />
    )
  }

  return (
    <DonutBreakdownCard
      title="Доступность системы"
      description="Проверки живучести и готовности"
      slices={slices}
      centerLabel="Проверки"
      badge={healthOk ? 'API в норме' : undefined}
    />
  )
}