<script setup>
const serverStats = window.gcargo.status.woocommerce;
</script>
<template>
  <div>
    <div class="text-indigo-600 mb-2 font-medium">WooCommerce</div>
    <div
      v-for="(stat, index) in serverStats"
      :key="index"
      :class="`flex flex-row items-center justify-between p-2 ${
        index % 2 === 0 ? 'bg-gray-100' : ''
      }`"
    >
      <span v-text="stat.label" />
      <span v-text="stat.value" />
    </div>
  </div>
</template>
