import React from "react";
import classes from "./classes.module.scss";
import Image from "next/image";
import LogoIcon from "@Assets/logo.svg";
import Link from "next/link";
import Navigation from "./Navigation";
import Notifications from "./Notifications";
import Profile from "./Profile";
import BurgerMenu from "./BurgerMenu";

type IProps = {};
type IState = {};

export default class Header extends React.Component<IProps, IState> {
	public override render(): JSX.Element {
		return (
			<div className={classes["root"]}>
				<div className={classes["logo-container"]}>
					<Link href="/">
						<Image src={LogoIcon} alt="logo" className={classes["logo"]} />
					</Link>
				</div>
				<Navigation />
				<div className={classes["right-section"]}>
					<div className={classes["notification-section"]}>
						<Notifications />
					</div>
					<div className={classes["profile-section"]}>
						<Profile />
					</div>
					<div className={classes["burger-menu"]}>
						<BurgerMenu />
					</div>
				</div>
			</div>
		);
	}
}
