{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "boxgrid",
  "dependencies": [
    "motion"
  ],
  "devDependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "./registry/components/grid/box-grid.tsx",
      "content": "import preview from '@/assets/preview/Preview';\nimport Image from 'next/image';\nimport React, { useState } from 'react';\n\ninterface ProjectsTypes {\n  id: string;\n  img: string;\n  title: string;\n  des: string;\n}\n\nexport default function BoxGrid() {\n  return (\n    <>\n      <div className='grid grid-rows-10  grid-cols-12 grid-flow-col gap-2  pt-10'>\n        <div className='row-start-1 col-span-2 row-end-6  dark:bg-neutral-800 bg-neutral-100 grid place-content-center h-full lg:rounded-xl rounded-md'>\n          <Image src={preview.dragitems} className=' object-cover' alt='' />\n        </div>\n        <div className='row-start-6 row-end-11  col-span-2 dark:bg-neutral-800 bg-neutral-100 grid place-content-center h-full lg:rounded-xl rounded-md'>\n          <Image src={preview.galleryNew} className=' object-cover' alt='' />\n        </div>\n        <div className='row-start-3 row-end-9  col-span-2 dark:bg-neutral-800 bg-neutral-100 grid place-content-center h-full lg:rounded-xl rounded-md'>\n          <Image src={preview.carousel} className=' object-cover' alt='' />\n        </div>\n        <div className='row-start-1 col-span-2 row-end-6  dark:bg-neutral-800 bg-neutral-100 grid place-content-center h-full lg:rounded-xl rounded-md'>\n          <Image src={preview.clippath} className=' object-cover' alt='' />\n        </div>\n        <div className='row-start-6 row-end-11  col-span-2 dark:bg-neutral-800 bg-neutral-100 grid place-content-center h-full lg:rounded-xl rounded-md'>\n          <Image src={preview.sparkles} className=' object-cover' alt='' />\n        </div>\n        <div className='row-start-3 row-end-9  col-span-2 dark:bg-neutral-800 bg-neutral-100 grid place-content-center h-full lg:rounded-xl rounded-md'>\n          <Image src={preview.carousel} className=' object-cover' alt='' />\n        </div>\n        <div className='row-start-1 col-span-2 row-end-6 dark:bg-neutral-800 bg-neutral-100 grid place-content-center h-full lg:rounded-xl rounded-md'>\n          <Image src={preview.faqs} className=' object-cover' alt='' />\n        </div>\n        <div className='row-start-6 row-end-11  col-span-2 dark:bg-neutral-800 bg-neutral-100 grid place-content-center  h-full lg:rounded-xl rounded-md'>\n          <Image src={preview.grid} className=' object-cover' alt='' />\n        </div>\n        <div className='row-start-3 row-end-9  col-span-2 dark:bg-neutral-800 bg-neutral-100 grid place-content-center h-full lg:rounded-xl rounded-md'>\n          <Image src={preview.image_masking} className=' object-cover' alt='' />\n        </div>\n      </div>\n    </>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}