<script>
  import { _ } from "svelte-i18n";
  import StatCards from "./StatCards.svelte";
  import store from "../../store";
  let navOpen = false;
</script>

<div
  class="p-5 overflow-x-hidden"
  on:click={() => {
    navOpen = false;
  }}>
  <!-- <div class="border-4 border-dashed rounded h-96" /> -->
  <h1 class="text-3xl leading-tight">
    <span class="font-extrabold">{$_('dashboard-title')}</span> <span>
      -
      {$_('dashboard-greeting')},
      <span
        class="text-blue-500">{store.state.jwtinfo.userdetails.firstname}</span>
      👋</span>
  </h1>
  <StatCards />
</div>
