{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "shader-mesh-gradient-lagoon",
  "title": "Shader Mesh Gradient Lagoon",
  "description": "Bright aqua and teal shallows with a deep-blue undertow.",
  "registryDependencies": ["@remocn/shader-mesh-gradient"],
  "files": [
    {
      "path": "registry/remocn/shader-mesh-gradient-lagoon/index.tsx",
      "content": "\"use client\";\n\nimport {\n  ShaderMeshGradient,\n  type ShaderMeshGradientProps,\n} from \"@/components/remocn/shader-mesh-gradient\";\n\n// Lagoon: bright aqua and teal shallows with a deep-blue undertow.\n// A preset of ShaderMeshGradient. The whole look lives in the object below, so tune\n// it freely. Props you pass override the preset, except `speed`, which scales\n// the preset's own speed instead of replacing it.\n\nexport const shaderMeshGradientLagoonPreset = {\n  speed: 1,\n  colors: [\"#d6f5ff\", \"#2bb3ff\", \"#00d4c0\", \"#0b3d91\"],\n  distortion: 0.7,\n  swirl: 0.35,\n  rotation: 90,\n} satisfies ShaderMeshGradientProps;\n\nexport function ShaderMeshGradientLagoon({\n  speed = 1,\n  ...props\n}: ShaderMeshGradientProps) {\n  return (\n    <ShaderMeshGradient\n      {...shaderMeshGradientLagoonPreset}\n      {...props}\n      speed={shaderMeshGradientLagoonPreset.speed * speed}\n    />\n  );\n}\n",
      "type": "registry:component",
      "target": "components/remocn/shader-mesh-gradient-lagoon.tsx"
    }
  ],
  "meta": {
    "presetOf": "shader-mesh-gradient"
  },
  "type": "registry:component"
}
