<!-- components/Overview.svelte -->
<script lang="ts">
  import StatusPanel from './StatusPanel.svelte';
</script>

<div class="overview-layout">
    <div class="grid-layout">
        <StatusPanel />
    </div>
</div>

<style>
.overview-layout {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
    height: 100%;
}

.grid-layout {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    align-items: center;
    height: 100%;
}
</style>
