spb/countryatlas

1import Link from 'next/link';2import { routes } from '@/lib/site';3import { TOPICS } from '@/lib/topics';45/** 19 topics with a one-line blurb, 1 px separators, linking to /indicators?topic=. */6export function TopicsGrid() {7  return (8    <ul className="grid gap-x-8 sm:grid-cols-2 lg:grid-cols-3">9      {TOPICS.map((tp) => (10        <li key={tp.id} className="border-t border-rule">11          <Link href={routes.indicators(tp.id)} className="group flex min-h-[64px] flex-col justify-center py-3">12            <span className="text-sm font-semibold text-ink group-hover:text-accent">{tp.name}</span>13            <span className="mt-0.5 text-xs text-ink-2">{tp.blurb}</span>14          </Link>15        </li>16      ))}17    </ul>18  );19}20