<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="block pt-2 font-medium opacity-70 md:hidden">
            Spørsmål?<br />Kontakt oss via tlf, e-post eller via skjemaet under
        </p>
        <p class="hidden pt-2 font-medium opacity-70 md:block">
            Spørsmål?<br />Kontakt oss via tlf, e-post eller via skjemaet til
            høyre
        </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>
