<script setup>
import ApplicationLogo from '@/Components/ApplicationLogo.vue';
import { Link } from '@inertiajs/vue3';
</script>

<template>
    <div class="min-vh-100 bg-light d-flex flex-column align-items-center justify-content-center py-4">
        <div class="mb-4">
            <Link href="/">
                <ApplicationLogo class="d-block" style="height: 80px; width: 80px;" />
            </Link>
        </div>

        <div class="card shadow-sm w-100" style="max-width: 28rem;">
            <div class="card-body p-4 p-sm-5">
                <slot />
            </div>
        </div>
    </div>
</template>
