<template>
  <div
    class="sticky bottom-0 z-10 -mx-4 mt-auto border-t border-line bg-surface/95 px-4 py-3 backdrop-blur-sm sm:-mx-0 sm:rounded-b-card"
    data-testid="workstation-action-bar"
  >
    <div
      class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between"
    >
      <div class="flex flex-wrap items-center gap-2">
        <slot name="left" />
      </div>
      <div class="flex flex-wrap items-center justify-center gap-2">
        <slot name="center" />
      </div>
      <div class="flex flex-wrap items-center justify-end gap-2">
        <slot name="primary" />
        <slot name="right" />
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
/**
 * Sticky bottom action bar for Entry / Verification / Approval workstations.
 * Wire into forms in Phase 16. Slots: left (Reject), center (Save Draft),
 * primary (Submit…), right (Next). Prefer btn-primary / btn-danger / btn-secondary.
 */
</script>
