<script>
	// Svelte
	import { site, currentLocation } from '../store'

	// Components
	import LinkTranslate from '../atoms/LinkTranslate'
	import Switcher from '../molecules/Switcher'
</script>

<footer class="footer">
	<div class="wrap">
		<div class="footer__left">
			<Switcher radius="30" />
		</div>

		<ul class="footer__right">
			<li>
				<ul>
					<li>
						<LinkTranslate href="/credits" text="Credits" rel="prefetch" />
					</li>
					<li class="instagram">
						<LinkTranslate href="https://instagram.com/{$site.instagram}" text="Instagram" target="_blank">
							<img src="/img/icons/instagram.svg" alt="Instagram">
						</LinkTranslate>
					</li>
				</ul>
			</li>
			<li class="cetrucflotte">
				<span>A project by</span>
				<a href="https://cetrucflotte.com" target="_blank">
					<img src="/img/logo-ctf.svg" alt="Cetrucflotte logo's">
				</a>
			</li>
		</ul>
	</div>
</footer>
