{
  "name": "shimmer-text",
  "type": "registry:component",
  "dependencies": [
    "motion"
  ],
  "files": [
    {
      "type": "registry:component",
      "content": "\"use client\";\n\n/**\n * @author: @dorianbaffier\n * @description: Shimmer Text\n * @version: 1.0.0\n * @date: 2025-06-26\n * @license: MIT\n * @website: https://kokonutui.com\n * @github: https://github.com/kokonut-labs/kokonutui\n */\n\nimport { motion } from \"motion/react\";\nimport { cn } from \"@/lib/utils\";\n\ninterface Text_01Props {\n  text: string;\n  className?: string;\n}\n\nexport default function ShimmerText({\n  text = \"Text Shimmer\",\n  className,\n}: Text_01Props) {\n  return (\n    <div className=\"flex items-center justify-center p-8\">\n      <motion.div\n        animate={{ opacity: 1, y: 0 }}\n        className=\"relative overflow-hidden px-4 py-2\"\n        initial={{ opacity: 0, y: 20 }}\n        transition={{ duration: 0.5 }}\n      >\n        <motion.h1\n          animate={{\n            backgroundPosition: [\"200% center\", \"-200% center\"],\n          }}\n          className={cn(\n            \"bg-[length:200%_100%] bg-gradient-to-r from-neutral-950 via-neutral-400 to-neutral-950 bg-clip-text font-bold text-3xl text-transparent dark:from-white dark:via-neutral-600 dark:to-white\",\n            className\n          )}\n          transition={{\n            duration: 2.5,\n            ease: \"linear\",\n            repeat: Number.POSITIVE_INFINITY,\n          }}\n        >\n          {text}\n        </motion.h1>\n      </motion.div>\n    </div>\n  );\n}\n",
      "path": "/components/kokonutui/shimmer-text.tsx",
      "target": "components/kokonutui/shimmer-text.tsx"
    }
  ]
}