<!-- Copyright (C) 2012-2025 Zammad Foundation, https://zammad-foundation.org/ -->

<script setup lang="ts">
export interface Props {
  label?: string
  body?: string | number
}

defineProps<Props>()
</script>

<template>
  <div class="border-b border-gray-300 px-3 first:pt-1 last:border-0 last:pb-1">
    <section :aria-label="$t(label)" class="min-h-[54px] py-2">
      <div class="text-xs text-white/80">{{ $t(label) }}</div>
      <slot>{{ body }}</slot>
    </section>
  </div>
</template>
