<template>
  <div class="w-full md:max-w-md">
    <div class="flex flex-col items-center">
      <p class="text-xl font-medium">Protokoll wird noch synchronisiert</p>
    </div>
    <br />

    <p>Es gibt noch Daten, welche synchronisiert werden müssen.</p>
    <p>Dieses PopUp entfernt sich von selbst nach erfolgreicher Synchronisierung.</p>
  </div>
</template>

<script setup lang="ts">
import { defineComponent } from "vue";
import { mapState, mapActions } from "pinia";
import { useModalStore } from "@/stores/modal";
import Spinner from "@/components/Spinner.vue";
import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
import FailureXMark from "@/components/FailureXMark.vue";
import { useProtocolStore } from "@/stores/admin/protocol";
import type { CreateProtocolViewModel } from "@/viewmodels/admin/protocol.models";
</script>

<script lang="ts">
export default defineComponent({});
</script>