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