<script setup lang="ts">
import { Link } from '@inertiajs/vue3';
import AuthLayout from '@/layouts/auth/AuthSimpleLayout.vue';

defineProps<{
    title?: string;
    description?: string;
}>();
</script>

<template>
    <div class="w-full p-8 bg-gray-900">
        <ul class="flex justify-end gap-3 text-sm leading-normal">
            <li>
                <Link
                    :href="route('forsiden')"
                    target="_blank"
                    class="inline-block mr-4 rounded-sm border border-black bg-[#1b1b18] px-5 py-1.5 text-sm leading-normal text-white hover:border-black hover:bg-black dark:border-[#eeeeec] dark:bg-[#eeeeec] dark:text-[#1C1C1A] dark:hover:border-white dark:hover:bg-white"
                >
                    ⬅️ Tilbake
                </Link>
                <Link
                    :href="route('page-builder.landing-page.create')"
                    target="_blank"
                    class="inline-block rounded-sm border border-black bg-[#1b1b18] px-5 py-1.5 text-sm leading-normal text-white hover:border-black hover:bg-black dark:border-[#eeeeec] dark:bg-[#eeeeec] dark:text-[#1C1C1A] dark:hover:border-white dark:hover:bg-white"
                >
                    🧾 Ny side
                </Link>
            </li>
        </ul>
    </div>
    <AuthLayout :title="title" :description="description">
        <slot />
    </AuthLayout>
</template>
