{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "button-45",
  "title": "Social sign in icons",
  "description": "Four icon buttons to sign in with Google, Facebook, X or GitHub.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.ndekocode.dev/r/button.json",
    "https://ui.ndekocode.dev/r/icons.json",
    "https://ui.ndekocode.dev/r/theme.json"
  ],
  "files": [
    {
      "path": "registry/ndeko/components/button/button-45.tsx",
      "content": "import {\n  FacebookBrandIcon,\n  GithubIcon,\n  GoogleBrandIcon,\n  TwitterXIcon,\n} from '@/registry/ndeko/lib/icons';\nimport { Button } from '@/registry/ndeko/ui/button';\n\nconst PROVIDERS = [\n  { name: 'Google', Icon: GoogleBrandIcon },\n  { name: 'Facebook', Icon: FacebookBrandIcon },\n  { name: 'X', Icon: TwitterXIcon },\n  { name: 'GitHub', Icon: GithubIcon },\n];\n\nexport default function Button45() {\n  return (\n    <div className='inline-flex flex-wrap gap-2'>\n      {PROVIDERS.map(({ name, Icon }) => (\n        <Button\n          key={name}\n          variant='outline'\n          size='icon'\n          aria-label={`Sign in with ${name}`}\n        >\n          <Icon />\n        </Button>\n      ))}\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "components",
    "button"
  ],
  "type": "registry:component"
}