Lobbying

"use client" import * as F from "@/lib/fixtures"import { useJurisdiction } from "@/lib/policy/jurisdiction"import { CardFrame, ComponentActions } from "@/components/card-frame"import { CardAnchor } from "@/components/admin/blocks/card-tools"import { CardAction, CardContent, CardHeader, CardTitle } from "@govblock/ui/components/card"import { CardFoot } from "@/components/card-foot" // Lobbying — registrations, clients and reported spend, and who spends most.// The Senate LDA is a federal register, not a per-state one, so this card reads// the same under every jurisdiction. It says so rather than letting the numbers// pass for the state in scope.export function LobbyingCard() {  const { state } = useJurisdiction()  return (    <CardFrame id="lobbying">      <CardHeader>        <CardAnchor>Lobbying</CardAnchor>        <CardAction>          <ComponentActions />        </CardAction>      </CardHeader>      <CardContent className="flex flex-col gap-4">        <div className="grid grid-cols-3 gap-3">          {F.lobbying.stats.map((stat) => (            <div key={stat.label} className="rounded-xl bg-muted/50 p-3">              <div className="text-lg font-semibold tabular-nums">{stat.value}</div>              <div className="text-xs text-muted-foreground">{stat.label}</div>            </div>          ))}        </div>        <div className="flex flex-col gap-1.5 text-sm">          {F.lobbying.top.map((name, i) => (            <div key={name} className="flex gap-3">              <span className="w-4 text-muted-foreground tabular-nums">{i + 1}</span>              {name}            </div>          ))}        </div>      </CardContent>      <CardFoot href={`/lobbying?state=${state}`} label="Lobbying" />    </CardFrame>  )}