<script setup>
    import { onMounted } from 'vue';
    import { initFlowbite } from 'flowbite';
    import { usePage } from '@inertiajs/vue3';

    import ArcticLogo from '@/Components/FrontPage/ArcticSoftwareFrontpageLogo.vue';
    import FooterLinks from '@/Components/FrontPage/FooterSection.vue';

    onMounted(() => {
        initFlowbite();
    });
    
    const page = usePage();
</script>

<template>
    <footer class="w-full bg-white border-t-2 border-green-700">
        <FooterLinks :pageSettings="page.props.pageSettings"></FooterLinks>
        <div class="p-4 flex items-center justify-center">
            <ArcticLogo></ArcticLogo>
        </div>
    </footer>
</template>