import Typography, { ITypo, ITypoColor } from "@Front/Components/DesignSystem/Typography";

import BasePage from "../Base";
import classes from "./classes.module.scss";
import DefaultCollaboratorDashboard from "@Front/Components/LayoutTemplates/DefaultCollaboratorDashboard";

type IProps = {};
type IState = {};
export default class Collaborators extends BasePage<IProps, IState> {
	public override render(): JSX.Element {
		return (
			<DefaultCollaboratorDashboard title={"Dossier"} mobileBackText={"Liste des collaborateurs"}>
				<div className={classes["root"]}>
					<div className={classes["no-folder-selected"]}>
						<Typography typo={ITypo.H1Bis}>Informations du collaboraeur</Typography>
						<div className={classes["choose-a-folder"]}>
							<Typography typo={ITypo.P_18} color={ITypoColor.GREY}>
								Sélectionnez un collaborateur
							</Typography>
						</div>
					</div>
				</div>
			</DefaultCollaboratorDashboard>
		);
	}
}
