{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "github-button",
  "type": "registry:ui",
  "dependencies": [
    "lucide-react"
  ],
  "files": [
    {
      "path": "components/ui/github-button.tsx",
      "content": "'use client';\r\nimport React, { useState } from 'react';\r\nimport { Github, Star } from 'lucide-react';\r\nimport { Liquid ,Colors} from './liquid-gradient';\r\n\r\nconst COLORS: Colors = {\r\n  color1: '#FFFFFF',\r\n  color2: '#1E10C5',\r\n  color3: '#9089E2',\r\n  color4: '#FCFCFE',\r\n  color5: '#F9F9FD',\r\n  color6: '#B2B8E7',\r\n  color7: '#0E2DCB',\r\n  color8: '#0017E9',\r\n  color9: '#4743EF',\r\n  color10: '#7D7BF4',\r\n  color11: '#0B06FC',\r\n  color12: '#C5C1EA',\r\n  color13: '#1403DE',\r\n  color14: '#B6BAF6',\r\n  color15: '#C1BEEB',\r\n  color16: '#290ECB',\r\n  color17: '#3F4CC0',\r\n};\r\n\r\n\r\nexport function GithubButton(){\r\n   const [isHovered, setIsHovered] = useState(false);\r\n\r\n  return (\r\n    <div className='flex justify-center'>\r\n      <a\r\n        href='https://github.com/Rustam/JattUI'\r\n        target='_blank'\r\n        className='relative inline-block w-8 h-[2em] mx-auto group dark:bg-black bg-white dark:border-white border-black border-2 rounded-lg'\r\n      >\r\n        <div className='absolute w-[112.81%] h-[128.57%] top-[8.57%] left-1/2 -translate-x-1/2 filter blur-[19px] opacity-70'>\r\n          <span className='absolute inset-0 rounded-lg bg-foreground/5 filter blur-[2px]'></span>\r\n          <div className='relative w-full h-full overflow-hidden rounded-lg'>\r\n            <Liquid isHovered={isHovered} colors={COLORS} />\r\n          </div>\r\n        </div>\r\n        <div className='absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-[40%] w-[92.23%] h-[112.85%] rounded-lg bg-[#010128] filter blur-[7.3px]'></div>\r\n        <div className='relative w-full h-full overflow-hidden rounded-lg'>\r\n          <span className='absolute inset-0 rounded-lg bg-[#d9d9d9]'></span>\r\n          <span className='absolute inset-0 rounded-lg bg-black'></span>\r\n          <Liquid isHovered={isHovered} colors={COLORS} />\r\n          {[1, 2, 3, 4, 5].map((i) => (\r\n            <span\r\n              key={i}\r\n              className={`absolute inset-0 rounded-lg border-solid border-[3px] border-gradient-to-b from-transparent to-white mix-blend-overlay filter ${\r\n                i <= 2 ? 'blur-[3px]' : i === 3 ? 'blur-[5px]' : 'blur-xs'\r\n              }`}\r\n            ></span>\r\n          ))}\r\n          <span className='absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-[40%] w-[70.8%] h-[42.85%] rounded-lg filter blur-[15px] bg-[#006]'></span>\r\n        </div>\r\n        <button\r\n          className='absolute inset-0 rounded-lg bg-transparent cursor-pointer'\r\n          aria-label='Get Started'\r\n          type='button'\r\n          onMouseEnter={() => setIsHovered(true)}\r\n          onMouseLeave={() => setIsHovered(false)}\r\n        >\r\n          <span className=' flex items-center justify-center px-2 gap-2 rounded-lg group-hover:text-yellow-400 text-white text-xl font-semibold tracking-wide whitespace-nowrap'>\r\n            <Github className='inline-block group-hover:fill-yellow-400 fill-white size-4 shrink-0' />\r\n          </span>\r\n        </button>\r\n      </a>\r\n    </div>\r\n  );\r\n\r\n}",
      "type": "registry:ui",
      "target": "components/ui/github-button.tsx"
    }
  ]
}