{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "cambio-image-grid-demo",
  "registryDependencies": [
    "@delta/cambio-image"
  ],
  "files": [
    {
      "path": "examples/cambio-image-grid-demo.tsx",
      "content": "\"use client\"\n\nimport { CambioImage } from \"@/components/ui/cambio-image\"\n\nconst images = [\n  {\n    src: \"/images/stock/4d26c515-f5f1-43af-a9e5-e2be495ceddb.png\",\n    alt: \"Beautiful landscape photography\",\n    width: 1170,\n    height: 600,\n  },\n  {\n    src: \"/images/stock/2.png\",\n    alt: \"Image gallery example\",\n    width: 400,\n    height: 300,\n  },\n  {\n    src: \"/images/stock/3.png\",\n    alt: \"Image gallery example\",\n    width: 400,\n    height: 300,\n  },\n  {\n    src: \"/images/stock/4.png\",\n    alt: \"Image gallery example\",\n    width: 400,\n    height: 300,\n  },\n]\n\nexport default function CambioImageGridDemo() {\n  return (\n    <div className=\"mx-auto w-full max-w-4xl p-6\">\n      <div className=\"grid grid-cols-2 gap-x-2 gap-y-1\">\n        {images.map((image, index) => (\n          <div key={index}>\n            <CambioImage\n              src={image.src}\n              alt={image.alt}\n              width={image.width}\n              height={image.height}\n              index={index}\n              motion=\"smooth\"\n              className=\"h-full w-full object-cover\"\n            />\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}