<script lang="ts">
    import { createEventDispatcher } from "svelte"

    import GeneralMediaImage from "./GeneralMediaImage.svelte"

    const dispatch = createEventDispatcher()
</script>

<div class="scroll-to-top">
    <div class="circle-email">
        <a
            href="/#"
            on:click="{() => {
                dispatch('scrollTo', {
                    element: 'contact',
                })
            }}"
        >
            <GeneralMediaImage id="contact" />
        </a>
    </div>
    <div class="circle-contact">
        <a
            href="/#"
            on:click="{() => {
                dispatch('scrollTo', {
                    element: 'recipe',
                })
            }}"
        >
            <GeneralMediaImage id="recipe" />
        </a>
    </div>
    <div class="circle-top">
        <a href="/#">
            <GeneralMediaImage id="up" />
        </a>
    </div>
</div>
