{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "your-component",
  "title": "Your Component",
  "description": "A placeholder component. Replace this with your custom shadcn component.",
  "files": [
    {
      "path": "registry/components/your-component.tsx",
      "content": "import type { HTMLAttributes } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nexport type YourComponentProps = HTMLAttributes<HTMLDivElement>;\n\n/**\n * 🚀 YOUR COMPONENT TEMPLATE\n *\n * This is a placeholder component. Replace this with your actual component implementation.\n *\n * Steps to customize:\n * 1. Rename this file to match your component name (e.g., my-button.tsx)\n * 2. Update the component logic and props\n * 3. Update registry.json with your component details\n * 4. Run `pnpm registry:build` to rebuild the registry\n *\n * For more information, visit the documentation.\n */\nconst YourComponent = forwardRef<HTMLDivElement, YourComponentProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"p-4 rounded-md text-center bg-muted/20 space-y-2 border border-muted h-48 flex items-center flex-col justify-center\",\n        className\n      )}\n      {...props}\n    >\n      <p className=\"text-sm text-muted-foreground/70\">\n        Replace this placeholder with your custom shadcn component\n      </p>\n      <p className=\"text-muted-foreground text-center text-xs\">\n        Edit{\" \"}\n        <code className=\"bg-muted rounded px-1.5 py-0.5 text-xs\">\n          registry/components/your-component.tsx\n        </code>{\" \"}\n        to get started\n      </p>\n    </div>\n  )\n);\n\nYourComponent.displayName = \"YourComponent\";\n\nexport { YourComponent };\n",
      "type": "registry:ui",
      "target": "components/ui/your-component.tsx"
    }
  ],
  "type": "registry:ui"
}