import classNames from 'classnames';
import { Outlet, useLocation } from 'react-router-dom';

import FooterLogo from './FooterLogo';
import styles from './EmptyLayoutComponent.module.scss';

const EmptyLayoutComponent = (): JSX.Element => {
	const location = useLocation();

	return (
		<div className={styles.emptyLayoutComponent}>
			<div className={styles.contentWrapper}>
				<Outlet />
			</div>
			<div
				className={classNames(styles.footerWrapper, {
					[styles.footer]: true
				})}
			>
				<div>
					<a href="https://www.moneyxplier.com/privacy-policy" target="_blank" rel="noreferrer">
						Privacy Policy
					</a>{' '}
					-{' '}
					<a href="https://www.moneyxplier.com/terms-of-use" target="_blank" rel="noreferrer">
						Terms of service
					</a>{' '}
					{/* - &copy; 2022 - {new Date().getFullYear()} MoneyXplier® */}- &copy; 2018 -{' '}
					{new Date().getFullYear()} BM Interim Management Ltd - All rights reserved
				</div>
				<div>
					<FooterLogo logoClass={styles.logo} />
				</div>
			</div>
		</div>
	);
};

export default EmptyLayoutComponent;