import Link from 'next/link';
import { Stat } from '@/components/ui/section';
import { fmtInt } from '@/lib/format';
import { routes } from '@/lib/site';
import type { HomePayload } from '@/lib/types';

/** Headline metrics strip — one hairline row, big tabular numbers, no cards. */
export function HeadlineMetrics({ home }: { home: HomePayload }) {
  const s = home.stats;
  const items: { label: string; value: string; hint: string; href: string }[] = [
    { label: 'Payloads · 30 d', value: fmtInt(s.payloads_launched_30d), hint: `${fmtInt(home.launches.last_30d)} launches`, href: routes.launches() },
    { label: 'Payloads · YTD', value: fmtInt(s.payloads_launched_ytd), hint: `${fmtInt(home.launches.ytd)} launches`, href: routes.launches() },
    { label: 'Payloads · 365 d', value: fmtInt(s.payloads_launched_365d), hint: `${fmtInt(home.launches.last_365d)} launches`, href: routes.launches() },
    { label: 'Decays · 30 d', value: fmtInt(s.decayed_last_30d), hint: `${fmtInt(s.decayed_last_365d)} in 365 d`, href: routes.reentries() },
    { label: 'Debris on orbit', value: fmtInt(s.debris_on_orbit), hint: 'catalogued fragments', href: routes.debris() },
    { label: 'Rocket bodies', value: fmtInt(s.rocket_bodies_on_orbit), hint: 'on orbit', href: routes.debris() },
    { label: 'With element sets', value: fmtInt(s.with_elements), hint: 'tracked live', href: routes.explore() },
  ];
  return (
    <div className="grid grid-cols-2 gap-x-4 gap-y-6 border-b border-rule py-8 sm:grid-cols-4 lg:grid-cols-7">
      {items.map((it) => (
        <Link key={it.label} href={it.href} className="group min-w-0 border-l border-rule pl-3 odd:border-0 odd:pl-0 sm:odd:border-l sm:odd:pl-3 sm:[&:nth-child(4n+1)]:border-0 sm:[&:nth-child(4n+1)]:pl-0 lg:[&:nth-child(4n+1)]:border-l lg:[&:nth-child(4n+1)]:pl-3 lg:first:border-0 lg:first:pl-0">
          <Stat label={it.label} value={it.value} hint={it.hint} />
        </Link>
      ))}
    </div>
  );
}