File size: 1,199 Bytes
41a71fd |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
import { Menu } from '@/features/Menu';
import { AppLink } from '@/shared/ui/AppLink';
import { Wrapper } from '@/shared/ui/Wrapper';
import { LogoutButton } from '@/features/Auth';
import { ThemeButton } from '@/features/ThemeButton';
import { SideMenuButton } from '@/features/SideMenu';
import { classNames } from '@/shared/lib/classNames/classNames';
import Logo from '@/shared/assets/icons/logo.svg?react';
import cls from './Header.module.scss';
interface HeaderProps {
className?: string;
}
export const Header = (props: HeaderProps) => {
const { className } = props;
return (
<header className={classNames(cls.Header, {}, [className])}>
<Wrapper>
<div className={cls.content}>
<div className={cls.logo}>
<AppLink to="/" icon={<Logo className={cls.logoIcon} />} />
</div>
<div className={cls.block}>
<Menu />
<LogoutButton />
<SideMenuButton />
<ThemeButton />
</div>
</div>
</Wrapper>
</header>
);
};
|