<template>
    <div class="bg-slate-100 py-3 px-6 flex justify-between items-center mb-6">
        
        <div class="flex items-center space-x-6">
            <h3 class="font-bold">AdonisJS InertiaJS Example</h3>
            <nav class="flex items-center text-sm">
                <Link href="/app">Home</Link>
            </nav>
        </div>

        <div class="flex items-center space-x-6 text-sm">
            <Link href="/app/login">Login</Link>
            <Link href="/app/register">Register</Link>
        </div>
    </div>
</template>

<script lang="js">
import { Link } from '@inertiajs/vue3';
// import DefaultLayout from '../Layouts/Default.vue';

export default {
	// layout: DefaultLayout,
	props: {
		testing: String,
	},

	components: {
		Link		
	}
}
</script>
