Language

<LanguageSwitch
  current="en"
  locales={[
    { code: "en", name: "English", flag: "🇺🇸" },
    { code: "es", name: "Español", flag: "🇪🇸" },
    { code: "ja", name: "日本語", flag: "🇯🇵" }
  ]}
  onChange={(code) => console.log(code)}
/>

interface Locale {
  code: string
  name: string
  flag?: string
}

"use client"

import { useRouter, usePathname } from "next/navigation"
import { LanguageSwitch } from "fromsrc/client"

export function LocaleSwitcher() {
  const router = useRouter()
  const pathname = usePathname()

  return (
    <LanguageSwitch
      current="en"
      locales={locales}
      onChange={(code) => {
        router.push(`/${code}${pathname}`)
      }}
    />
  )
}