---
interface Props {
  label?: string
  value?: string
}

const { label, value } = Astro.props as Props
---

<div class="grid grid-cols-1 gap-1 border-b border-dashed border-border py-3 sm:grid-cols-[200px_1fr] sm:gap-4">
  <dt class="font-heading text-xs font-600 uppercase tracking-wider text-muted-foreground">
    {label}
  </dt>
  <dd class="text-sm leading-relaxed text-foreground" set:html={value}></dd>
</div>