<template>
  <div style="display: flex; justify-content: space-between; align-items: baseline; padding: 8px 0; border-bottom: 1px solid #e5e7eb;">
    <span style="font-size: 13px; color: #6b7280; flex-shrink: 0; margin-right: 16px;">{{ label }}</span>
    <span
      style="font-size: 13px; font-weight: 500; text-align: right; word-break: break-all;"
      :style="highlight ? { color: '#111827', fontFamily: 'monospace', fontSize: '12px' } : { color: '#111827' }"
    >
      {{ value }}
    </span>
  </div>
</template>

<script setup lang="ts">
defineProps<{
  label: string
  value: string
  highlight?: boolean
}>()
</script>
