{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "status-page-get-in-touch",
  "title": "Status Page Get-in-Touch",
  "description": "Two flat button primitives (icon + text) with tooltip chrome for the contact link in a status page header",
  "registryDependencies": [
    "https://openstatus.dev/r/status-i18n.json",
    "button",
    "tooltip"
  ],
  "files": [
    {
      "path": "src/components/blocks/status-page-get-in-touch.tsx",
      "content": "\"use client\";\n\nimport { useStatusBlocksLabels } from \"@/components/blocks/status-i18n\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * StatusPageGetInTouchIcon — ghost icon button with tooltip chrome.\n *\n * Pass the link element (with href + target + icon + sr-only label) as\n * children; the block layers Button styling, asChild Slot, and the tooltip.\n * Wraps in its own TooltipProvider so it's safe to mount anywhere.\n */\nexport function StatusPageGetInTouchIcon({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const labels = useStatusBlocksLabels();\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            data-slot=\"status-page-get-in-touch-icon\"\n            variant=\"ghost\"\n            size=\"icon\"\n            type=\"button\"\n            className={cn(\"size-8\", className)}\n            asChild\n            {...props}\n          >\n            {children}\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>\n          <p>{labels.getInTouch}</p>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n\n/**\n * StatusPageGetInTouchButton — outlined text-label button.\n *\n * Pass the link element (with href + target) as children; the block layers\n * Button styling and asChild Slot. Default label is `labels.getInTouch` —\n * the caller's link content overrides it if they pass children with text.\n */\nexport function StatusPageGetInTouchButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  return (\n    <Button\n      data-slot=\"status-page-get-in-touch-button\"\n      variant=\"outline\"\n      size=\"sm\"\n      type=\"button\"\n      className={className}\n      asChild\n      {...props}\n    />\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/blocks/status-page-get-in-touch.tsx"
    }
  ],
  "type": "registry:block"
}