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