{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "footer-minimal",
  "type": "registry:block",
  "title": "Minimal footer",
  "description": "One compact row: mark, inline links, social icons, and copyright.",
  "author": "StoreKit <hello@storekit.dev>",
  "categories": [
    "footer",
    "any"
  ],
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "https://storekit-eight.vercel.app/r/cn.json"
  ],
  "files": [
    {
      "path": "footer/footer-minimal.tsx",
      "content": "import { Instagram, Twitter, Youtube } from \"lucide-react\"\nimport { cn } from \"@/components/storekit/lib/cn\"\n\n/* One-row footer: mark and name, inline links, social icons, copyright.\n   On small screens: mark and socials, then links, then copyright. No client\n   state. */\n\nconst ring =\n  \"outline-none focus-visible:ring-2 focus-visible:ring-sk-accent focus-visible:ring-offset-2 focus-visible:ring-offset-sk-paper\"\n\nexport function FooterMinimal({\n  brandName = \"Morrow\",\n  markSrc,\n  links = [\n    { label: \"Shop\", href: \"#shop\" },\n    { label: \"Lab results\", href: \"#lab-results\" },\n    { label: \"Shipping\", href: \"#shipping\" },\n    { label: \"Privacy\", href: \"#privacy\" },\n  ],\n  social = { instagram: \"https://instagram.com\", x: \"https://x.com\", youtube: \"https://youtube.com\" },\n  className,\n}: {\n  brandName?: string\n  markSrc?: string\n  links?: { label: string; href: string }[]\n  social?: { instagram?: string; x?: string; youtube?: string }\n  className?: string\n}) {\n  const icons = [\n    { href: social.instagram, label: \"Instagram\", Icon: Instagram },\n    { href: social.x, label: \"X\", Icon: Twitter },\n    { href: social.youtube, label: \"YouTube\", Icon: Youtube },\n  ].filter((s) => s.href)\n\n  return (\n    <footer data-sk-section=\"footer\" data-sk-variant=\"footer-minimal\" className={cn(\"border-t border-sk-line bg-sk-paper text-sk-ink\", className)}>\n      <div className=\"mx-auto flex max-w-6xl flex-wrap items-center gap-x-6 px-4 py-4 sm:px-8\">\n        <a href=\"/\" className={cn(\"flex min-h-11 items-center gap-2 rounded-sk-btn pr-1\", ring)}>\n          {markSrc ? <img src={markSrc} alt=\"\" className=\"h-6 w-6 object-contain\" /> : null}\n          <span className=\"font-sk-display text-sm font-semibold tracking-[-0.02em]\">{brandName}</span>\n        </a>\n        <nav aria-label=\"Footer\" className=\"order-3 w-full md:order-none md:w-auto md:flex-1\">\n          <ul className=\"flex flex-wrap items-center gap-x-4\">\n            {links.map((l) => (\n              <li key={l.href}>\n                <a href={l.href} className={cn(\"inline-flex min-h-11 items-center rounded-sk-btn text-[13px] text-sk-muted transition-colors duration-200 hover:text-sk-ink\", ring)}>\n                  {l.label}\n                </a>\n              </li>\n            ))}\n          </ul>\n        </nav>\n        <ul className=\"-mr-3 ml-auto flex items-center md:mr-0 md:ml-0\">\n          {icons.map(({ href, label, Icon }) => (\n            <li key={label}>\n              <a\n                href={href}\n                aria-label={label}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                className={cn(\"grid h-11 w-11 place-items-center rounded-sk-btn text-sk-muted transition-colors duration-200 hover:text-sk-ink\", ring)}\n              >\n                <Icon size={16} aria-hidden />\n              </a>\n            </li>\n          ))}\n        </ul>\n        <p className=\"order-4 w-full pt-1 text-[13px] text-sk-muted md:order-none md:w-auto md:pt-0\">&copy; {new Date().getFullYear()} {brandName}</p>\n      </div>\n    </footer>\n  )\n}\n",
      "type": "registry:block",
      "target": "components/storekit/footer/footer-minimal.tsx"
    }
  ],
  "meta": {
    "section": "footer",
    "variant": "minimal",
    "niche": [
      "any"
    ],
    "commerce": [],
    "previewHeight": 160
  }
}