{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "wavy-block-y-demo",
  "title": "Wavy Block Y axis Demo",
  "description": "Demo showing another usage of Wavy Block component.",
  "registryDependencies": [
    "https://systaliko-ui.vercel.app/r/wavy-block"
  ],
  "files": [
    {
      "path": "registry/demo/scroll-animations/wavy-block-y/index.tsx",
      "content": "import {\n  WavyBlock,\n  WavyBlockItem,\n} from '@/components/systaliko-ui/scroll-animations/wavy-block';\n\nconst IMAGES = [\n  'https://images.unsplash.com/photo-1554797589-7241bb691973?q=80&w=280&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',\n  'https://images.unsplash.com/photo-1679581858563-3c808d23f0fc?w=280&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDE0fHx8ZW58MHx8fHx8',\n  'https://images.unsplash.com/photo-1695047034607-c07de67875ab?q=80&w=280&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',\n  'https://images.unsplash.com/photo-1666043380189-eaa385e15cad?w=280&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDV8fHxlbnwwfHx8fHw%3D',\n];\n\nexport function WavyBlockYDemo() {\n  return (\n    <div className=\"w-full max-w-5xl mx-auto\">\n      <WavyBlock\n        offset={['start end', 'end start']}\n        className=\"flex h-[160vh] items-center justify-center gap-2 py-16\"\n      >\n        {IMAGES.map((imageUrl, index) => (\n          <WavyBlockItem\n            axis=\"y\"\n            key={index}\n            index={index}\n            config={{\n              baseAmplitude: 120,\n              frequency: 42,\n              progressScale: 2,\n              phaseShiftDeg: 0,\n            }}\n            className=\"h-[300px] max-w-[200px] overflow-hidden rounded-2xl ring shadow-xs ring-ring/50\"\n          >\n            <img\n              className=\"size-full object-cover\"\n              src={imageUrl}\n              alt=\"tokyo\"\n            />\n          </WavyBlockItem>\n        ))}\n      </WavyBlock>\n    </div>\n  );\n}\n",
      "type": "registry:block",
      "target": "components/systaliko-ui/demo/wavy-block-y.tsx"
    }
  ],
  "type": "registry:block"
}