"use client";

import { useChangeLocale, useCurrentLocale } from "@homarr/translation/client";

import { LanguageCombobox } from "./language-combobox";

interface CurrentLanguageComboboxProps {
  width?: string;
  withinPortal?: boolean;
}

export const CurrentLanguageCombobox = ({ width, withinPortal }: CurrentLanguageComboboxProps) => {
  const currentLocale = useCurrentLocale();
  const { changeLocale, isPending } = useChangeLocale();

  return (
    <LanguageCombobox
      value={currentLocale}
      onChange={changeLocale}
      isPending={isPending}
      width={width}
      withinPortal={withinPortal}
    />
  );
};