{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "word-pull-up-text",
  "title": "word-pull-up-text",
  "description": "A word pull up text component.",
  "dependencies": [
    "motion",
    "react",
    "clsx"
  ],
  "files": [
    {
      "path": "registry/eldoraui/word-pull-up-text.tsx",
      "content": "\"use client\"\n\nimport clsx from \"clsx\"\nimport { motion } from \"motion/react\"\n\ninterface WordPullUpTextProps {\n  text?: string\n  className?: string\n}\n\nexport const WordPullUpText: React.FC<WordPullUpTextProps> = ({\n  text = \"\",\n  className = \"\",\n}) => {\n  const container = {\n    hidden: { opacity: 0 },\n    show: {\n      opacity: 1,\n      transition: {\n        staggerChildren: 0.2,\n      },\n    },\n  }\n\n  const item = {\n    hidden: { y: 20, opacity: 0 },\n    show: { y: 0, opacity: 1 },\n  }\n\n  return (\n    <motion.h1\n      variants={container}\n      initial=\"hidden\"\n      animate=\"show\"\n      className={clsx(\n        \"font-display text-center font-bold drop-shadow-sm\",\n        \"text-4xl md:text-5xl lg:text-6xl xl:text-7xl\",\n        \"tracking-[-0.02em]\",\n        \"md:leading-[4rem] lg:leading-[4.5rem] xl:leading-[5rem]\",\n        className\n      )}\n    >\n      {text.split(\" \").map((word, i) => (\n        <motion.span\n          key={i}\n          variants={item}\n          style={{ display: \"inline-block\", paddingRight: \"15px\" }}\n        >\n          {word === \"\" ? <span>&nbsp;</span> : word}\n        </motion.span>\n      ))}\n    </motion.h1>\n  )\n}\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}