// @bun
// src/components/templates/recipes/LanguageSwitcher.tsx
import { jsx } from "react/jsx-runtime";
function LanguageSwitcher({ locale, onChange }) {
  return /* @__PURE__ */ jsx("div", {
    className: "border-border bg-card text-muted-foreground inline-flex rounded-full border p-1 text-xs font-semibold",
    children: ["EN", "FR"].map((language) => /* @__PURE__ */ jsx("button", {
      type: "button",
      className: `rounded-full px-3 py-1 transition ${locale === language ? "bg-violet-500 text-white" : "hover:text-foreground"}`,
      onClick: () => onChange(language),
      children: language === "EN" ? "English" : "Fran\xE7ais"
    }, language))
  });
}
export {
  LanguageSwitcher
};
