<script>
    // Svelte
    import { site, currentLocation } from '../utils/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>
                    {#if $site}
                    <li class="instagram">
                        <LinkTranslate href="https://instagram.com/{$site.instagram}" text="Instagram" target="_blank" rel="noopener">
                            <img src="/img/icons/instagram.svg" alt="Instagram">
                        </LinkTranslate>
                    </li>
                    {/if}
                </ul>
            </li>
            <li class="cetrucflotte">
                <span>A project by</span>
                <a href="https://cetrucflotte.com" target="_blank" rel="noopener">
                    <img src="/img/logo-ctf.svg" alt="Cetrucflotte logo's">
                </a>
            </li>
        </ul>
    </div>
</footer>
