{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "multi-direction-slide-text",
  "title": "multi-direction-slide-text",
  "description": "A multi direction slide text component.",
  "dependencies": [
    "motion",
    "react",
    "clsx"
  ],
  "files": [
    {
      "path": "registry/eldoraui/multi-direction-slide-text.tsx",
      "content": "\"use client\"\n\nimport clsx from \"clsx\"\nimport { motion } from \"motion/react\"\n\ninterface MultiDirectionSlideTextProps {\n  textLeft?: string\n  textRight?: string\n  className?: string\n}\n\nexport const MultiDirectionSlideText: React.FC<\n  MultiDirectionSlideTextProps\n> = ({ textLeft = \"\", textRight = \"\", className = \"\" }) => {\n  const MULTIDIRECTION_SLIDE_VARIANTS = {\n    hidden: { opacity: 0, x: \"-25vw\" },\n    visible: { opacity: 1, x: 0 },\n    right: { opacity: 0, x: \"25vw\" },\n  }\n\n  return (\n    <div className={clsx(\"overflow-hidden\", className)}>\n      <motion.h1\n        initial=\"hidden\"\n        animate=\"visible\"\n        variants={MULTIDIRECTION_SLIDE_VARIANTS}\n        transition={{ duration: 1 }}\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        )}\n      >\n        {textLeft}\n      </motion.h1>\n\n      <motion.h1\n        initial=\"right\"\n        animate=\"visible\"\n        variants={MULTIDIRECTION_SLIDE_VARIANTS}\n        transition={{ duration: 1 }}\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        )}\n      >\n        {textRight}\n      </motion.h1>\n    </div>\n  )\n}\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}