1import { LanguageSwitch } from "@marzneshin/features/language-switch"
 2import { ThemeToggle } from "@marzneshin/features/theme-switch"
 3import { Link } from "@tanstack/react-router"
 4import { FC, PropsWithChildren } from "react"
 5
 6export const Header: FC<PropsWithChildren> = ({ children }) => {
 7    return (
 8        <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">
 9            <div className="flex flex-row gap-4 justify-center items-center">
10                <Link to="/">
11                    <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">
12                        M
13                    </div>
14                </Link>
15                {children}
16            </div>
17            <div className="flex flex-row gap-2 justify-reverse">
18                <LanguageSwitch />
19                <ThemeToggle />
20            </div>
21        </div>
22    )
23}