<template>
  <h1 class="text-white text-2xl w-full font-bold text-center my-24">Frankenstein Dashboard</h1>
  <div class="flex w-full justify-center gap-10">
    <div class="bg-neutral-800 rounded-2xl p-5 h-min">
      <h2 class="text-white font-bold text-lg text-center mb-5">Animation</h2> 
      <div class="flex flex-col items-center">
        <div class="space-x-3">
          <button @click="test" class="px-5 py-2 bg-sky-400 rounded my-5">
            Start Animation
          </button>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
import { invoke } from "@tauri-apps/api/tauri"

const test = async () => {
  await invoke('start');
}
</script>
