<template>
  <div class="detail-grid">
    <div v-for="item in items" :key="item.label" class="detail-item">
      <span>{{ item.label }}</span>
      <strong :title="String(item.value ?? '-')">{{ formatValue(item.value) }}</strong>
    </div>
  </div>
</template>

<script setup lang="ts">
import { formatValue } from "../../../types/demo-run";

defineProps<{ items: Array<{ label: string; value: unknown }> }>();
</script>
