1import { LanguageSwitch } from "@marzneshin/features/language-switch"
 2import { ThemeToggle } from "@marzneshin/features/theme-switch"
 3import { Logout } from "@marzneshin/features/auth"
 4import { Link } from "@tanstack/react-router"
 5import { FC, PropsWithChildren } from "react"
 6
 7export const Header: FC<PropsWithChildren> = ({ children }) => {
 8    return (
 9        <div className="flex flex-row justify-between items-center p-1 px-4 w-full h-full bg-primary text-primary-foreground dark:bg-primary-foreground">
10            <div className="flex flex-row gap-4 justify-center items-center">
11                <Link to="/">
12                    <div className="flex flex-col justify-center items-center p-2 h-10 text-2xl font-bold bg-gray-800 rounded-lg font-header text-secondary border-accent dark:text-secondary-foreground">
13                        M
14                    </div>
15                </Link>
16                {children}
17            </div>
18            <div className="flex flex-row gap-2 h-10 justify-reverse">
19                <Logout />
20                <LanguageSwitch />
21                <ThemeToggle />
22            </div>
23        </div>
24    )
25}