import { Button } from "~/components/ui/button";
import { Settings } from "lucide-react";
import { LangToggle } from "~/components/navbar/lang-toggle";

import {
  Popover,
  PopoverContent,
  PopoverTrigger,
} from "~/components/ui/popover";

export const SettingsPopover = () => {
  return (
    <Popover>
      <PopoverTrigger asChild>
        <Button variant="ghost" className="p-2" aria-label="Settings">
          <Settings className="size-5" />
        </Button>
      </PopoverTrigger>
      <PopoverContent className="flex w-fit justify-center gap-4 p-4">
        <LangToggle />
        {/* <ThemeSwitch /> */}
      </PopoverContent>
    </Popover>
  );
};
