{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "neu-button",
  "title": "Neu Button",
  "description": "A neu button component",
  "dependencies": [
    "framer-motion"
  ],
  "files": [
    {
      "path": "registry/pioneerui/neu-button.tsx",
      "content": "\"use client\"\n\nimport type React from \"react\"\nimport { useState } from \"react\"\nimport { motion } from \"framer-motion\"\n\ninterface NeuFollowButtonProps {\n  initialFollowState?: boolean\n  onFollowChange?: (isFollowing: boolean) => void\n  className?: string\n  lightShadow?: string\n  darkShadow?: string\n}\n\nexport const NeuFollowButton: React.FC<NeuFollowButtonProps> = ({\n  initialFollowState = false,\n  onFollowChange,\n  className = \"\",\n  lightShadow = \"rgba(255, 255, 255, 0.8)\",\n  darkShadow = \"rgba(0, 0, 0, 0.2)\",\n}) => {\n  const [isFollowing, setIsFollowing] = useState(initialFollowState)\n\n  const handleClick = () => {\n    setIsFollowing(!isFollowing)\n    if (onFollowChange) {\n      onFollowChange(!isFollowing)\n    }\n  }\n\n  return (\n    <motion.button\n      className={`relative px-6 py-3 rounded-full font-semibold text-sm transition-all duration-300 ${\n        isFollowing ? \"bg-blue-500 text-white\" : \"bg-gray-200 text-gray-800\"\n      } ${className}`}\n      style={{\n        boxShadow: `5px 5px 10px ${darkShadow}, -5px -5px 10px ${lightShadow}`,\n      }}\n      whileHover={{\n        boxShadow: `2px 2px 5px ${darkShadow}, -2px -2px 5px ${lightShadow}`,\n      }}\n      whileTap={{\n        boxShadow: `inset 2px 2px 5px ${darkShadow}, inset -2px -2px 5px ${lightShadow}`,\n      }}\n      onClick={handleClick}\n    >\n      <motion.span\n        initial={false}\n        animate={{ opacity: isFollowing ? 0 : 1 }}\n        transition={{ duration: 0.2 }}\n        className=\"absolute inset-0 flex items-center justify-center\"\n      >\n        Follow\n      </motion.span>\n      <motion.span\n        initial={false}\n        animate={{ opacity: isFollowing ? 1 : 0 }}\n        transition={{ duration: 0.2 }}\n        className=\"absolute inset-0 flex items-center justify-center\"\n      >\n        Following\n      </motion.span>\n      <span className=\"invisible\">Follow</span>\n    </motion.button>\n  )\n}\n\n",
      "type": "registry:ui",
      "target": "components/pioneerui/neu-button.tsx"
    }
  ],
  "type": "registry:ui"
}