<template>
    <div
        class="main-section antialiased relative font-nunito text-sm font-normal "
        :class="[store.state.sidebar ? 'toggle-sidebar' : '', store.state.menu, store.state.layout, store.state.rtlClass]"
    >
        <component v-bind:is="mainLayout"></component>
    </div>
</template>

<script lang="ts" setup>
    import { computed } from 'vue';

    import appLayout from '@/layouts/app-layout.vue';
    import authLayout from '@/layouts/auth-layout.vue';

    import { useStore } from 'vuex';
    import { useMeta } from '@/composables/use-meta';
    import router from '@/router';

    const store = useStore();

   const godashbord=()=>{
        router.push(({path:'/apps/applist'}))
    }

    const golist=()=>{
        router.push(({path:'/'}))
    }
    // meta
    useMeta({ title: 'Sales Admin' });

    const mainLayout = computed(() => {
        return store.state.mainLayout === 'auth' ? authLayout : appLayout;
    });
</script>
<style>
.button-group {
    position: sticky;
  bottom: 0;
  display: flex;
  justify-content: center;
  z-index: 1000; /* 确保按钮组在其他内容之上 */
  background-color: #000; /* 可选：为按钮组添加背景色 */
  width: 100%; /* 确保按钮组横跨整个视口的宽度 */
}
.btn {
  margin: 0.5rem; /* 为按钮添加一些外边距 */
}
</style>
