{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "settings-card",
  "title": "Settings Card",
  "files": [
    {
      "path": "components/ui/settings-card.tsx",
      "content": "import * as React from \"react\"\nimport { cn } from \"cn\"\n\nfunction SettingsCard({ className, ...props }: React.ComponentProps<\"section\">) {\n  return (\n    <section\n      data-slot=\"settings-card\"\n      className={cn(\"overflow-hidden rounded-2xl border bg-card text-card-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SettingsCardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"settings-card-header\"\n      className={cn(\"flex items-start justify-between gap-4 border-b px-4 py-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SettingsCardTitle({ className, ...props }: React.ComponentProps<\"h3\">) {\n  return <h3 data-slot=\"settings-card-title\" className={cn(\"text-sm font-medium\", className)} {...props} />\n}\n\nfunction SettingsCardDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"settings-card-description\"\n      className={cn(\"mt-1 text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SettingsCardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div data-slot=\"settings-card-content\" className={cn(\"divide-y\", className)} {...props} />\n}\n\nfunction SettingsRow({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"settings-row\"\n      className={cn(\"flex items-center justify-between gap-6 px-4 py-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SettingsRowLabel({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div data-slot=\"settings-row-label\" className={cn(\"min-w-0\", className)} {...props} />\n}\n\nfunction SettingsRowTitle({ className, ...props }: React.ComponentProps<\"p\">) {\n  return <p data-slot=\"settings-row-title\" className={cn(\"text-sm font-medium\", className)} {...props} />\n}\n\nfunction SettingsRowDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p data-slot=\"settings-row-description\" className={cn(\"mt-1 text-sm text-muted-foreground\", className)} {...props} />\n  )\n}\n\nfunction SettingsRowControl({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div data-slot=\"settings-row-control\" className={cn(\"shrink-0\", className)} {...props} />\n}\n\nexport {\n  SettingsCard,\n  SettingsCardContent,\n  SettingsCardDescription,\n  SettingsCardHeader,\n  SettingsCardTitle,\n  SettingsRow,\n  SettingsRowControl,\n  SettingsRowDescription,\n  SettingsRowLabel,\n  SettingsRowTitle,\n}\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}