<script lang="ts">
    import Link from "./link/Link.svelte";
    import MapPoint from "./MapPoint.svelte";
</script>

<div class="mt-2 flex flex-col gap-8 md:flex-row md:text-lg">
    <div class="flex flex-1 flex-col">
        <p class="pt-2 font-medium opacity-70">
            Spørsmål?<br />Kontakt oss via tlf eller e-post
        </p>
        <Link class="w-fit font-bold text-accent hover:underline" href="tel:45256161">Tlf: +47 45 25 61 61</Link>
        <Link class="w-fit font-bold text-accent hover:underline" href="mailto:minibusstur@hotmail.com">E-post: minibusstur@hotmail.com</Link>

        <MapPoint
            class="card mt-5 min-h-140 grow overflow-hidden rounded-md border-2"
            coordinates={[
                {
                    latitude: 62.48303957042255,
                    longitude: 6.8108274964451745
                }
            ]}
        />
    </div>
</div>
