import LogOutButton from "@Front/Components/DesignSystem/LogOutButton";
import React from "react";
import NavigationLink from "../../NavigationLink";
import classes from "./classes.module.scss";

type IProps = {
	isOpen: boolean;
	closeModal: () => void;
};
type IState = {};

export default class BurgerModal extends React.Component<IProps, IState> {
	// TODO isEnabled depending on role given by DB
	public override render(): JSX.Element | null {
		if (!this.props.isOpen) return null;
		return (
			<>
				<div className={classes["background"]} onClick={this.props.closeModal} />
				<div className={classes["root"]}>
					<NavigationLink text="Dossiers en cours" />
					<NavigationLink text="Dossiers archivés" />
					<NavigationLink text="Ancrage" />
					<NavigationLink text="Collaborateurs" />
					<NavigationLink text="Paramétrage des listes de pièces" />
					<NavigationLink text="Gestion des utilisateurs" />
					<NavigationLink text="Gestion des offices" />
					<NavigationLink text="Gestion des noms de domaine" />
					<NavigationLink text="Mon compte" />
					<NavigationLink text="CGU" />
					<NavigationLink path={"/design-system"} text="Design System" />
					<NavigationLink path={"/"} text="Home" />
					<div className={classes["separator"]} />
					<LogOutButton />
				</div>
			</>
		);
	}
}