{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "creative-videomasking",
  "dependencies": [
    "motion"
  ],
  "devDependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "./registry/components/clip-path/creative-video-masking.tsx",
      "content": "import React from 'react';\n\nfunction CreativeVideoMasking() {\n  return (\n    <>\n      <section\n        className='relative'\n        style={{\n          aspectRatio: '1213/667',\n          backgroundColor: 'tomato',\n          maskImage:\n            \"url(\\\"data:image/svg+xml,%3Csvg width='221' height='122' viewBox='0 0 221 122' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M183 4C183 1.79086 184.791 0 187 0H217C219.209 0 221 1.79086 221 4V14V28V99C221 101.209 219.209 103 217 103H182C179.791 103 178 104.791 178 107V118C178 120.209 176.209 122 174 122H28C25.7909 122 24 120.209 24 118V103V94V46C24 43.7909 22.2091 42 20 42H4C1.79086 42 0 40.2091 0 38V18C0 15.7909 1.79086 14 4 14H24H43H179C181.209 14 183 12.2091 183 10V4Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A\\\")\",\n          WebkitMaskImage:\n            \"url(\\\"data:image/svg+xml,%3Csvg width='221' height='122' viewBox='0 0 221 122' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M183 4C183 1.79086 184.791 0 187 0H217C219.209 0 221 1.79086 221 4V14V28V99C221 101.209 219.209 103 217 103H182C179.791 103 178 104.791 178 107V118C178 120.209 176.209 122 174 122H28C25.7909 122 24 120.209 24 118V103V94V46C24 43.7909 22.2091 42 20 42H4C1.79086 42 0 40.2091 0 38V18C0 15.7909 1.79086 14 4 14H24H43H179C181.209 14 183 12.2091 183 10V4Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A\\\")\",\n          maskRepeat: 'no-repeat',\n          WebkitMaskRepeat: 'no-repeat',\n          maskSize: 'contain',\n          WebkitMaskSize: 'contain',\n        }}\n      >\n        <video autoPlay muted loop className='w-full max-h-96 object-cover aspect-square'>\n          <source\n            src='https://videos.pexels.com/video-files/7710243/7710243-uhd_2560_1440_30fps.mp4'\n            type='video/mp4'\n          />\n        </video>\n      </section>\n    </>\n  );\n}\n\nexport default CreativeVideoMasking;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}