{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "language-toggle",
  "type": "registry:ui",
  "title": "Language Toggle",
  "description": "A language toggle component that can be used to switch languages.",
  "registryDependencies": [
    "@tra-kit/button"
  ],
  "files": [
    {
      "path": "registry/tra-kit/components/language-toggle.tsx",
      "content": "import { cn } from '@/lib/utils';\nimport Button from './button';\n\nconst countries = [\n  {\n    content: (\n      <img\n        src=\"/assets/icons/flagOfTurkey.svg\"\n        className=\"rotate-0 scale-100 transition-all duration-300 group-data-[lang=tr]:-rotate-90 group-data-[lang=tr]:scale-0\"\n        alt=\"TR\"\n        width=\"30px\"\n        height=\"20px\"\n        title=\"TR\"\n      />\n    ),\n    value: 'tr',\n  },\n  {\n    content: (\n      <img\n        src=\"/assets/icons/flagOfUK.svg\"\n        className=\"absolute top-1/2 -translate-y-1/2 rotate-90 scale-0 transition-all duration-300 group-data-[lang=tr]:rotate-0 group-data-[lang=tr]:scale-100\"\n        alt=\"EN\"\n        width=\"30px\"\n        height=\"20px\"\n        title=\"EN\"\n      />\n    ),\n    value: 'en',\n  },\n];\n\ninterface ILanguageToggle {\n  className?: string;\n  locale: string;\n  setLocale: (locale: string) => void;\n  defaultValue?: string;\n}\n\nconst LanguageToggle: React.FC<ILanguageToggle> = ({\n  className,\n  locale,\n  setLocale,\n  defaultValue,\n}) => {\n  const handleChange = () => {\n    const found = countries.find((f) => f.value !== locale);\n    const localeLang = found?.value ?? defaultValue ?? 'en';\n    setLocale?.(localeLang);\n  };\n\n  return (\n    <Button\n      className={cn('relative group size-fit p-1', className)}\n      onClick={handleChange}\n      variant=\"ghost\"\n      disableEffect\n      size=\"icon\"\n      data-lang={locale}\n    >\n      {countries.map((country) => country.content)}\n    </Button>\n  );\n};\n\nexport default LanguageToggle;\n",
      "type": "registry:ui"
    }
  ]
}