1import {
 2    DropdownMenu,
 3    DropdownMenuContent,
 4    DropdownMenuItem,
 5    DropdownMenuLabel,
 6    DropdownMenuSeparator,
 7    DropdownMenuTrigger,
 8    DropdownMenuGroup,
 9    Button,
10} from "@marzneshin/components";
11import { FC } from 'react';
12import { MenuIcon } from "lucide-react";
13import { LanguageSwitchMenu } from "@marzneshin/features/language-switch";
14import { ThemeToggle } from "@marzneshin/features/theme-switch";
15import { Logout } from "@marzneshin/features/auth";
16
17export const HeaderMenu: FC = () => (
18    <DropdownMenu>
19        <DropdownMenuTrigger asChild>
20            <Button
21                variant="secondary"
22                className="bg-gray-800 text-secondary dark:hover:bg-secondary-foreground dark:hover:text-secondary dark:text-secondary-foreground"
23                size="icon"
24            >
25                <MenuIcon />
26            </Button>
27        </DropdownMenuTrigger>
28        <DropdownMenuContent>
29            <DropdownMenuLabel>Menu</DropdownMenuLabel>
30            <DropdownMenuSeparator />
31            <DropdownMenuGroup>
32                <LanguageSwitchMenu />
33            </DropdownMenuGroup>
34            <DropdownMenuSeparator />
35            <DropdownMenuGroup>
36                <ThemeToggle />
37            </DropdownMenuGroup>
38            <DropdownMenuSeparator />
39            <DropdownMenuItem className="w-full">
40                <Logout />
41            </DropdownMenuItem>
42        </DropdownMenuContent>
43    </DropdownMenu >
44);