import React from "react";
import classes from "./classes.module.scss";
import Link from "next/link";
import Module from "@Front/Config/Module";
import { ELegalOptions } from "@Front/Components/LayoutTemplates/DefaultLegalDashboard";
import VerticalSeparator from "@Assets/Icons/vertical-separator.svg";
import Image from "next/image";

type IProps = {
	className?: string;
};

const legalPages = Module.getInstance().get().modules.pages.Legal.pages.LegalInformations.props.path;

export default function Desktop({ className }: IProps) {
	return (
		<div className={[classes["sub-root"], className].join(" ")}>
			<Link href={legalPages.replace("[legalUid]", ELegalOptions.LEGAL_MENTIONS)}>© Copyright lecoffre 2024</Link>
			<Image src={VerticalSeparator} alt="Separator" />
			<Link href={legalPages.replace("[legalUid]", ELegalOptions.CGU)}>Juridiques</Link>
			<Image src={VerticalSeparator} alt="Separator" />
			<Link href={legalPages.replace("[legalUid]", ELegalOptions.POLITIQUE_DE_CONFIDENTIALITE)}>Politique de confidentialité</Link>
			<Image src={VerticalSeparator} alt="Separator" />
			<Link href={legalPages.replace("[legalUid]", ELegalOptions.POLITIQUE_DE_GESTION_DES_COOKIES)}>Politique des cookies</Link>
		</div>
	);
}
