import React from "react";
import Image from "next/image";
import DisconnectIcon from "@Assets/icons/disconnect.svg";
import classes from "./classes.module.scss";
import Typography, { ITypo } from "../Typography";

type IProps = {};
type IState = {
	isLogged: boolean;
};

export default class LogOutButton extends React.Component<IProps, IState> {
	public override render(): JSX.Element {
		return (
			<div className={classes["root"]} onClick={this.disconnect}>
				<Typography typo={ITypo.NAV_HEADER_18}>Déconnexion</Typography>
				<Image src={DisconnectIcon} className={classes["disconnect-icon"]} alt="disconnect" />
			</div>
		);
	}

	private disconnect() {
		console.log("disconnected");
	}
}
