<script setup>
import AppLayout from '../../../../resources/js/layouts/AppLayout.vue'

const props = defineProps({
    navbar: Object,
    tenant: String,
    user: Object,
    currentPath: String,
})
</script>

<template>
    <AppLayout title='Neue Abrechnung' :user="props.user" :navbar="props.navbar" :tenant="props.tenant" :currentPath="props.currentPath">
        <!-- Alles hier wird in den Slot von AppLayout eingefügt -->
        <h2>Dashboard Content</h2>
        <p>Test 1!
            Hier wird mal eine Rechnung erstellt.
            Wenn es geht oder auch nicht</p>
        {{props.tenant}}

        <button @click="$toast.success('Hallo vom Dashboard!')">Test Toaster</button>
        <button @click="$toast.error('Soe sieht ein Fehler aus')">Error Toaster</button>
    </AppLayout>

</template>

<style scoped>

</style>
