<script lang="ts">
  // import svelteLogo from "./assets/svelte.svg";
  // import viteLogo from "/vite.svg";
  import { currentView } from "./lib/store";
  import Summary from "./lib/Summary.svelte";
  import GymProgress from "./lib/GymProgress.svelte";
  import CardioProgress from "./lib/CardioProgress.svelte";
  import DietProgress from "./lib/DietProgress.svelte";
  import FastProgress from "./lib/FastProgress.svelte";
  import Info from "./lib/Info.svelte";
</script>

<div class="chrome">
  {#if $currentView === 0}
    <Summary />
  {/if}
  {#if $currentView === 1}
    <GymProgress />
  {/if}
  {#if $currentView === 2}
    <CardioProgress />
  {/if}
  {#if $currentView === 3}
    <DietProgress />
  {/if}
  {#if $currentView === 4}
    <Info />
  {/if}
  {#if $currentView === 5}
    <FastProgress />
  {/if}
</div>

<style>
</style>
