{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "grid-bento-three-cells-demo",
  "title": "Grid Bento Three Cells Demo",
  "description": "Demo showing another variant of grid bento component.",
  "registryDependencies": [
    "https://systaliko-ui.vercel.app/r/grid-bento-three-cells"
  ],
  "files": [
    {
      "path": "registry/demo/blocks/grid-bento-three-cells/index.tsx",
      "content": "import { GridBento } from '@/components/systaliko-ui/blocks/grid-bento';\n\nconst IMAGES = [\n  'https://images.unsplash.com/photo-1498036882173-b41c28a8ba34?q=80&w=2264&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',\n  'https://images.unsplash.com/photo-1503899036084-c55cdd92da26?w=700&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8dG9reW98ZW58MHx8MHx8fDA%3D',\n  'https://images.unsplash.com/photo-1536098561742-ca998e48cbcc?w=700&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTV8fHRva3lvfGVufDB8fDB8fHww',\n];\n\nexport function GridBentoThreeCellsDemo() {\n  return (\n    <GridBento\n      variant={'threeCells'}\n      className=\"h-screen py-12 px-6 w-full place-content-center place-items-center\"\n    >\n      {IMAGES.map((imageUrl, index) => (\n        <div\n          key={index}\n          className=\"overflow-hidden size-full rounded-xl shadow-xl\"\n        >\n          <img className=\"size-full object-cover\" src={imageUrl} alt=\"tokyo\" />\n        </div>\n      ))}\n    </GridBento>\n  );\n}\n",
      "type": "registry:block",
      "target": "components/systaliko-ui/demo/blocks/grid-bento-three-cells.tsx"
    }
  ],
  "type": "registry:block"
}