{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "sso-provider-card",
  "type": "registry:ui",
  "title": "Sso provider card",
  "description": "SSO provider card with a name, description, Configured or Not set badge, an enable switch and a Configure button. A React block for SAML and OIDC settings.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/button.json",
    "https://ui.minidev.pro/r/status-badge.json",
    "https://ui.minidev.pro/r/switch.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/sso-provider-card.tsx",
      "type": "registry:ui",
      "target": "components/ui/sso-provider-card.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\nimport { Switch } from \"@/components/ui/switch\"\nimport { Button } from \"@/components/ui/button\"\nimport { StatusBadge } from \"@/components/ui/status-badge\"\n\nfunction SsoProviderCard({\n  name,\n  description,\n  enabled,\n  configured,\n  onEnabledChange,\n  onConfigure,\n  className,\n}: {\n  name: string\n  description: string\n  enabled?: boolean\n  configured?: boolean\n  onEnabledChange?: (v: boolean) => void\n  onConfigure?: () => void\n  className?: string\n}) {\n  const id = React.useId()\n  return (\n    <div data-slot=\"sso-provider-card\" className={cn(\"flex flex-col gap-3 rounded-xl border border-border bg-surface p-4\", className)}>\n      <div className=\"flex items-start justify-between gap-3\">\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <h3 className=\"text-sm font-medium text-fg\">{name}</h3>\n            <StatusBadge tone={configured ? \"success\" : \"neutral\"}>{configured ? \"Configured\" : \"Not set\"}</StatusBadge>\n          </div>\n          <p className=\"mt-1 text-xs text-fg-muted\">{description}</p>\n        </div>\n        <Switch id={id} checked={enabled} onCheckedChange={onEnabledChange} aria-label={`Enable ${name}`} />\n      </div>\n      <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={onConfigure}>Configure</Button>\n    </div>\n  )\n}\nexport { SsoProviderCard }\n"
    }
  ]
}