<script lang="ts">
  import { m } from '$lib/paraglide/messages';
  import { settings, status } from '$lib/stores';
  import { onMount, onDestroy } from 'svelte';
  import { ControlSection, StatusSection, SettingsSection } from '$lib/components';
  

</script>

<div class=" mx-auto px-2 py-4">
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3">
    <div>
      <ControlSection />
    </div>
    
    <div class="col-span-2">
      <StatusSection />
    </div>

  </div>
</div>
