{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "texture-button-demo",
  "type": "registry:component",
  "registryDependencies": [
    "texture-button"
  ],
  "files": [
    {
      "path": "registry/default/example/texture-button-demo.tsx",
      "content": "\"use client\"\n\nimport { ChevronLeft, Trash, X } from \"lucide-react\"\n\nimport { TextureButton } from \"@/registry/default/ui/texture-button\"\n\nexport default function TextureButtonDemo() {\n  return (\n    <div className=\"flex justify-center rounded-md px-4 py-6 md:px-0\">\n      <div>\n        <div className=\"mt-4 flex max-w-lg flex-col gap-3\">\n          <div className=\"flex gap-3\">\n            <div>\n              <TextureButton key=\"primary\" size=\"sm\">\n                Primary\n              </TextureButton>\n            </div>\n            <div className=\"\">\n              <TextureButton key=\"primary2\">Primary</TextureButton>\n            </div>\n            <div className=\"hidden md:w-36\">\n              <TextureButton key=\"primary3\" size=\"lg\">\n                Primary\n              </TextureButton>\n            </div>\n          </div>\n        </div>\n        <div className=\"mt-4 flex max-w-lg flex-col gap-3\">\n          <div className=\"flex gap-3\">\n            <div>\n              <TextureButton key=\"accent\" variant=\"accent\" size=\"sm\">\n                Accent\n              </TextureButton>\n            </div>\n            <div className=\"\">\n              <TextureButton key=\"accent2\" variant=\"accent\">\n                Accent\n              </TextureButton>\n            </div>\n            <div className=\"hidden md:w-36\">\n              <TextureButton key=\"accent3\" variant=\"accent\" size=\"lg\">\n                Accent\n              </TextureButton>\n            </div>\n          </div>\n        </div>\n        <div className=\"mt-4 flex max-w-lg flex-col gap-3\">\n          <div className=\"flex w-full gap-3\">\n            <div className=\"\">\n              <TextureButton key=\"secondary\" variant=\"secondary\" size=\"sm\">\n                Secondary\n              </TextureButton>\n            </div>\n            <div className=\"\">\n              <TextureButton key=\"secondary2\" variant=\"secondary\">\n                Secondary\n              </TextureButton>\n            </div>\n            <div className=\"hidden md:w-48\">\n              <TextureButton key=\"secondary3\" variant=\"secondary\" size=\"lg\">\n                Secondary\n              </TextureButton>\n            </div>\n          </div>\n        </div>\n        <div className=\"mt-4 flex max-w-lg flex-col gap-3\">\n          <div className=\"flex w-full gap-3\">\n            <div className=\"\">\n              <TextureButton key=\"destructive\" variant=\"destructive\" size=\"sm\">\n                Destructive\n              </TextureButton>\n            </div>\n            <div className=\"\">\n              <TextureButton key=\"destructive2\" variant=\"destructive\">\n                Destructive\n              </TextureButton>\n            </div>\n            <div className=\"hidden md:w-48\">\n              <TextureButton key=\"destructive3\" variant=\"destructive\" size=\"lg\">\n                Destructive\n              </TextureButton>\n            </div>\n          </div>\n        </div>\n        <div className=\"mt-4 flex max-w-lg flex-col gap-3\">\n          <div className=\"flex w-full gap-3\">\n            <div className=\"\">\n              <TextureButton key=\"minimal\" variant=\"minimal\" size=\"sm\">\n                Minimal\n              </TextureButton>\n            </div>\n            <div className=\"\">\n              <TextureButton key=\"minimal2\" variant=\"minimal\">\n                Minimal\n              </TextureButton>\n            </div>\n            <div className=\"hidden md:w-48\">\n              <TextureButton key=\"minimal3\" variant=\"minimal\" size=\"lg\">\n                Minimal\n              </TextureButton>\n            </div>\n          </div>\n        </div>\n        <div className=\"mt-4 flex max-w-xs flex-col gap-3\">\n          <div className=\"flex gap-3\">\n            <TextureButton key=\"icon1\" variant=\"icon\" size=\"icon\">\n              <ChevronLeft className=\"h-6 w-6 p-1\" />\n            </TextureButton>\n\n            <TextureButton key=\"icon2\" variant=\"icon\" size=\"icon\">\n              <Trash className=\"h-5 w-6 p-1\" />\n            </TextureButton>\n\n            <TextureButton key=\"icon3\" variant=\"icon\" size=\"icon\">\n              <X className=\"h-6 w-6 p-1\" />\n            </TextureButton>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n",
      "type": "registry:component"
    }
  ]
}