{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "book-variant-demo",
  "type": "registry:example",
  "title": "Book Variant Demo",
  "description": "A demo of the Book component with variants",
  "registryDependencies": [
    "@bucharitesh/book"
  ],
  "files": [
    {
      "path": "registry/example/book-variant-demo.tsx",
      "content": "import { Leaf } from 'lucide-react';\nimport Book from '../bucharitesh/book';\n\nconst BookDemo = () => {\n  return (\n    <div className=\"grid w-full grid-cols-1 gap-8 rounded-xl bg-white p-6 md:grid-cols-2\">\n      <Book title=\"The user experience of the Frontend Cloud\" />\n      <Book\n        title=\"The user experience of the Frontend Cloud\"\n        variant=\"simple\"\n        width={196}\n      />\n      <Book\n        color=\"#9D2127\"\n        title=\"How Vercel improves your website's search engine ranking\"\n        enableTexture={true}\n      />\n      <Book\n        color=\"#7DC1C1\"\n        textColor=\"white\"\n        title=\"Design Engineering at Vercel\"\n        variant=\"simple\"\n        enableTexture={true}\n      />\n      <Book color=\"#FED954\" title=\"The user experience of the Frontend Cloud\" />\n      <Book\n        illustration={\n          <svg\n            fill=\"none\"\n            height=\"149\"\n            viewBox=\"0 0 197 149\"\n            width=\"197\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <rect fill=\"#FED954\" height=\"149\" width=\"197\" />\n            <path\n              d=\"M147 48.4995H172C185.531 48.4995 196.5 59.4685 196.5 72.9995V148.427\"\n              stroke=\"#ECAF14\"\n            />\n            <path\n              d=\"M0 48.5H24.5C38.031 48.5 49 37.531 49 24V0\"\n              stroke=\"#ECAF14\"\n            />\n            <path\n              d=\"M147.5 48.5H172C185.531 48.5 196.5 37.531 196.5 24V0\"\n              stroke=\"#ECAF14\"\n            />\n            <path\n              d=\"M0 48.5H24.5C38.031 48.5 49 59.469 49 73V98\"\n              stroke=\"#ECAF14\"\n            />\n            <path\n              d=\"M146 48.5H73.5C59.969 48.5 49 37.531 49 24V0\"\n              stroke=\"#ECAF14\"\n            />\n            <path\n              d=\"M196 48.5H122.5C108.969 48.5 98 37.531 98 24V0\"\n              stroke=\"#ECAF14\"\n            />\n            <path\n              d=\"M97 48.5H73.5C59.969 48.5 49 59.469 49 73V99.5\"\n              stroke=\"#ECAF14\"\n            />\n            <path\n              d=\"M98 132.5H122.5C136.031 132.5 147 121.531 147 108V98.9512\"\n              stroke=\"#ECAF14\"\n            />\n            <path\n              d=\"M196 132.5H171.5C157.969 132.5 147 121.531 147 108V48.5\"\n              stroke=\"#ECAF14\"\n            />\n            <path\n              d=\"M147 48.5H122.5C108.969 48.5 98 59.469 98 73V132\"\n              stroke=\"#ECAF14\"\n            />\n            <path\n              d=\"M98 132.5H73.5C59.969 132.5 49 121.531 49 108V98.9512\"\n              stroke=\"#ECAF14\"\n            />\n          </svg>\n        }\n        title=\"The user experience of the Frontend Cloud\"\n      />\n      <Book\n        illustration={<Leaf />}\n        title=\"The user experience of the Frontend Cloud\"\n        variant=\"simple\"\n      />\n    </div>\n  );\n};\n\nexport default BookDemo;\n",
      "type": "registry:example"
    }
  ]
}