<script setup lang="ts">
import { __ } from '@wordpress/i18n'
import { getI18n } from '@/helper'
</script>

<template>
  <!-- Simple spinner -->
  <span role="status" class="stwlite-tw-inline-flex stwlite-tw-items-center">
    <svg class="stwlite-tw-w-6 stwlite-tw-h-6 stwlite-tw-animate-spin" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
      <circle class="stwlite-tw-opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
      <path class="stwlite-tw-opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"></path>
    </svg>
    <span class="stwlite-tw-sr-only">{{ getI18n('loading', __('Loading...', 'saveto-wishlist-lite-for-woocommerce')) }}</span>
  </span>
</template>
