{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "footer-compact",
  "title": "Footer — Compact Bar",
  "description": "A single horizontal row of logo, links, ownership and social, for embedded tools and admin screens. Omits acknowledgement of Country by design.",
  "registryDependencies": [
    "https://ui.digital.nsw.gov.au/registry/r/theme.json",
    "https://ui.digital.nsw.gov.au/registry/r/footer.json",
    "https://ui.digital.nsw.gov.au/registry/r/logo.json"
  ],
  "files": [
    {
      "path": "src/patterns/footer-compact.tsx",
      "content": "import type * as React from 'react'\n\nimport { Footer, FooterNavLink, FooterSmallPrint } from '@/components/footer'\nimport { Logo } from '@/components/logo'\n\n// ── Sample content — replace with your service's own ────────────────────────\nconst legalLinksSample = [\n  { name: 'Accessibility', href: '#accessibility' },\n  { name: 'Privacy', href: '#privacy' },\n  { name: 'Copyright', href: '#copyright' },\n]\n\nconst departmentSample = 'Digital NSW'\n\ntype FooterCompactProps = Omit<\n  React.ComponentProps<typeof Footer>,\n  'acknowledgement' | 'children' | 'smallPrint'\n>\n\n/**\n * A single horizontal bar: logo, inline links, then ownership and social. The\n * shortest footer in the set, for embedded tools, dashboards and admin screens\n * where the footer should take almost no vertical space.\n *\n * NOTE — this is the one block that omits acknowledgement of Country: it\n * cannot be shown respectfully in a one-line bar. A service using this footer\n * must carry the acknowledgement elsewhere on the page. If there is nowhere\n * else for it, use `FooterSimpleCentred` instead.\n */\nexport function FooterCompact({\n  legalLinks = legalLinksSample,\n  socialLinks,\n  department = departmentSample,\n  year,\n  ...props\n}: FooterCompactProps) {\n  return (\n    <Footer {...props} acknowledgement={false} smallPrint={false}>\n      <div className='flex items-center py-2 max-lg:flex-col max-lg:gap-4 lg:flex-row lg:gap-8'>\n        <Logo className='h-8 w-auto shrink-0' />\n        {/* Labelled because this nav sits alongside the site's other landmarks;\n            \"Footer\" distinguishes it in a screen reader's landmark list. */}\n        <nav\n          aria-label='Footer'\n          className='flex flex-wrap gap-x-4 gap-y-2 text-sm max-lg:justify-center lg:justify-start'\n        >\n          {legalLinks.map((item) => (\n            <FooterNavLink key={item.name} href={item.href}>\n              {item.name}\n            </FooterNavLink>\n          ))}\n        </nav>\n        <FooterSmallPrint\n          department={department}\n          socialLinks={socialLinks}\n          year={year}\n          // pt-0 removes the stacked-layout spacing: in this bar the row is the\n          // layout, not a section below one.\n          className='gap-4 pt-0 lg:ml-auto'\n        />\n      </div>\n    </Footer>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/footer-compact.tsx"
    }
  ],
  "type": "registry:block",
  "meta": {
    "nswdsVersion": "5.1.0"
  }
}