<script setup>
import AppLayout from '../../../../resources/js/layouts/AppLayout.vue'
import ShadowedBox from "../../../Views/Components/ShadowedBox.vue";

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

<template>
    <AppLayout title='Dashboard' :user="props.user" :navbar="props.navbar" :tenant="props.tenant" :currentPath="props.currentPath">
        <diV class="dashboard-widget-container">
            <shadowed-box class="dashboard-widget-box" style="width: 60%;">
                Meine Anmeldungen
            </shadowed-box>

            <shadowed-box  class="dashboard-widget-box">
                Meine Abrechnungen
            </shadowed-box>
        </diV>
    </AppLayout>
</template>

<style>
.dashboard-widget-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    position: relative;


}

.dashboard-widget-box {
    flex-grow: 1; display: inline-block;
    height: 150px;
    margin: 0 10px;
}
</style>
