<script setup>
import AppTopbar from "./components/AppTopbar.vue";
import AppFooter from "./components/AppFooter.vue";
import StatsWidget from "./components/dashboard/StatsWidget.vue";
import SalesTrendWidget from "./components/dashboard/SalesTrendWidget.vue";
import RecentActivityWidget from "./components/dashboard/RecentActivityWidget.vue";
import ProductOverviewWidget from "./components/dashboard/ProductOverviewWidget.vue";

import PropertiesWidget from "./components/dashboard/PropertiesWidget.vue";
import CommandsWidget from "./components/dashboard/CommandsWidget.vue";
</script>

<template>
    <div class="layout-container">
        <AppTopbar />
        <div class="layout-grid">
            <div class="layout-grid-row">
                <PropertiesWidget device-id="example-gps-fedora" />
                <CommandsWidget device-id="example-gps-fedora" />
            </div>
            <StatsWidget />
            <!-- <div class="layout-grid-row">
                <SalesTrendWidget />
                <RecentActivityWidget />
            </div>
            <ProductOverviewWidget /> -->
        </div>
        <AppFooter />
    </div>
</template>
