import LogoIcon from "./icons/LogoIcon";
import LogoMobileIcon from "./icons/LogoMobileIcon";
// import i18n from "../i18n";
// import useSidebarStore from "../stores/useSidebarStore";

// interface HeaderProps {
//   handleChangeLang: (lang: string) => void;
// }

function Header() {
  // const [setIsOpen] = useSidebarStore((state) => [state.setIsOpen]);

  return (
    <header className="sm:py-6 py-4 flex justify-between">
      <a href="/" className="sm:block hidden">
        <LogoIcon />
      </a>
      <a href="/" className="sm:hidden block">
        <LogoMobileIcon />
      </a>
      {/* <div className="flex sm:gap-8 gap-2">
        <div className="flex gap-1">
          <button
            className={[
              "px-3 py-1.5 border rounded-full",
              i18n.language === "ru"
                ? "border-[#D375FF]"
                : "border-transparent hover:bg-[#3D425C] transition-colors",
            ].join(" ")}
            onClick={() => handleChangeLang("ru")}
          >
            RU
          </button>
          <button
            className={[
              "px-3 py-1.5 border rounded-full",
              i18n.language === "en"
                ? "border-[#D375FF]"
                : "border-transparent hover:bg-[#3D425C] transition-colors",
            ].join(" ")}
            onClick={() => handleChangeLang("en")}
          >
            EN
          </button>
        </div>
      </div> */}
    </header>
  );
}

export default Header;
