<script lang="ts">
    import Link from "./lib/components/link/Link.svelte";
    import { Routes } from "./lib/global/routes";
</script>

<footer
    class="flex flex-col items-center border-t-2 border-contrast-900 bg-contrast-900 px-2 py-8 text-primary-200 dark:border-primary-300 dark:bg-primary-100 dark:text-contrast-900"
>
    <div
        class="flex flex-row flex-wrap justify-center gap-8 text-center md:text-lg"
    >
        {#each Routes.footerRoutes as section}
            <ul class="flex-1">
                <li>
                    <h6 class="font-semibold">{section.text}</h6>
                </li>
                {#each section.routes as route}
                    <li>
                        <Link target={route.target} href={route.url}>
                            {route.text}
                        </Link>
                    </li>
                {/each}
            </ul>
        {/each}
    </div>
    <div class="mt-8 text-center font-semibold">Org nr: 816 230 942</div>
    <div class="mt-2 text-center font-semibold">
        © 2026 minibusservice.no - All Rights Reserved.
    </div>
</footer>
