{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "animal-imagemasking",
  "dependencies": [
    "motion"
  ],
  "devDependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "./registry/components/clip-path/animal-image-masking.tsx",
      "content": "import React from 'react';\n\nfunction AnimalImageMasking() {\n  return (\n    <>\n      <section className='grid grid-cols-2 gap-2 dark:bg-black bg-white border rounded-lg p-5'>\n        <figure className='relative h-fit'>\n          <img\n            src='https://images.unsplash.com/photo-1535968881874-0c39f1503640?w=500&auto=format&fit=crop'\n            alt=''\n            className='w-full h-full object-cover  aspect-square'\n            style={{\n              maskImage: \"url('/cat.svg')\",\n              maskSize: 'contain',\n              maskRepeat: 'no-repeat',\n              maskPosition: 'center',\n            }}\n          />\n        </figure>\n\n        <figure className='relative h-fit '>\n          <img\n            src='https://images.unsplash.com/photo-1556648011-e01aca870a81?w=500&auto=format&fit=crop'\n            alt=''\n            className='w-full h-full object-cover  aspect-square '\n            style={{\n              maskImage: \"url('/panda.svg')\",\n              maskSize: 'contain',\n              maskRepeat: 'no-repeat',\n              maskPosition: 'center',\n            }}\n          />\n        </figure>\n      </section>\n    </>\n  );\n}\n\nexport default AnimalImageMasking;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}