{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "your-component",
  "type": "registry:ui",
  "title": "Your Component",
  "description": "A placeholder component. Replace this with your custom shadcn component.",
  "files": [
    {
      "path": "registry/new-york/your-component.tsx",
      "content": "import { HTMLAttributes, forwardRef } from \"react\"\nimport { cn } from \"../../lib/utils\"\n\nexport interface YourComponentProps extends 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    return (\n      <div\n        ref={ref}\n        className={cn(\"p-4 rounded-md text-center bg-muted/20 space-y-2 border border-muted h-48 flex items-center flex-col justify-center\", className)}\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/new-york/your-component.tsx\n          </code>{\" \"}\n          to get started\n        </p>\n      </div>\n    )\n  }\n)\n\nYourComponent.displayName = \"YourComponent\"\n\nexport { YourComponent }\n",
      "type": "registry:ui",
      "target": "components/ui/your-component.tsx"
    }
  ]
}