<script lang="ts">
    import Link from "./lib/components/link/Link.svelte";
    import { Routes } from "./lib/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="grid grid-cols-1 md:grid-cols-3 gap-8 text-center md:text-lg">
        {#each Routes.footerRoutes as section}
            <ul>
                <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>
