{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "gov-banner",
  "title": "Government Banner",
  "description": "Official U.S. government website banner component",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "popover"
  ],
  "files": [
    {
      "path": "registry/ui/gov-banner.tsx",
      "content": "\"use client\"\n\nimport { ChevronDown, FlaskConical, User } from \"lucide-react\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/components/ui/popover\"\n\nexport function GovBanner() {\n  return (\n    <div className=\"bg-treasury-base-lightest\">\n      <div className=\"container mx-auto px-4\">\n        <div className=\"flex items-center gap-2 py-1\">\n          <img\n            src=\"/us-flag.svg\"\n            alt=\"U.S. flag\"\n            className=\"h-3 w-4\"\n            aria-hidden=\"true\"\n          />\n          <span className=\"text-treasury-ink text-xs\">\n            This is a prototype — not an official government website\n          </span>\n          <Popover>\n            <PopoverTrigger className=\"text-treasury-primary hover:text-treasury-primary-dark flex items-center gap-1 underline text-xs group\">\n              Here&apos;s the context\n              <ChevronDown className=\"h-3 w-3 transition-transform duration-200 group-data-[state=open]:rotate-180\" />\n            </PopoverTrigger>\n            <PopoverContent\n              align=\"center\"\n              className=\"w-[min(calc(100vw-2rem),48rem)] bg-treasury-base-lightest border-treasury-base-light\"\n            >\n              <div className=\"grid gap-4 md:grid-cols-2\">\n                <div className=\"flex gap-3\">\n                  <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-treasury-primary\">\n                    <FlaskConical className=\"h-5 w-5 text-treasury-paper\" />\n                  </div>\n                  <div>\n                    <p className=\"font-bold text-treasury-ink text-sm\">\n                      This is a demo\n                    </p>\n                    <p className=\"text-xs text-treasury-base-dark\">\n                      A prototype built for the{\" \"}\n                      <strong>Treasury IT Specialist (AI)</strong> hiring\n                      evaluation. Not connected to real TTB systems or data.\n                    </p>\n                  </div>\n                </div>\n                <div className=\"flex gap-3\">\n                  <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-treasury-secondary\">\n                    <User className=\"h-5 w-5 text-treasury-paper\" />\n                  </div>\n                  <div>\n                    <p className=\"font-bold text-treasury-ink text-sm\">\n                      Built by Gregory Johns\n                    </p>\n                    <p className=\"text-xs text-treasury-base-dark\">\n                      Full-stack engineer demonstrating AI integration,\n                      accessible UI design, and federal design standards.\n                    </p>\n                  </div>\n                </div>\n              </div>\n            </PopoverContent>\n          </Popover>\n        </div>\n      </div>\n    </div>\n  )\n}\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}