<script lang="ts">
  import { Button } from "flowbite-svelte";
  import Progressbar from "../lib/Progressbar.svelte";
</script>

<main class="h-[265px] my-auto flex flex-col justify-center items-center p-5">
  <div
    class="container flex flex-col items-center justify-center gap-5 rounded-lg p-3"
  >
    <Button color="light" size="xl" class="dark:active:!bg-gray-900"
      >Launch</Button
    >
    <div class="w-full flex flex-col justify-center items-center gap-2">
      <p class="m-0 p-0 dark:text-gray-100">Waiting</p>
      <Progressbar
        animate={true}
        progress={null}
        labelInside={true}
        size="h-6"
        labelInsideClass="bg-primary-600 drop-shadow-xl text-gray-100 text-base font-medium text-center p-1 leading-none rounded-full"
      />
    </div>
  </div>
</main>
