<script>
  export let label = "Label";
  export let value = "";
</script>

<div class="property">
  <div class="property-label">{label}:</div>
  <div class="property-value"><slot>{value}</slot></div>
</div>

<style>
  div.property {
    padding: 0.5em 1ch;
  }

  div.property-label {
    font-size: 0.75em;
    font-weight: 800;
  }

  div.property-value {
    font-size: 1em;
  }

  :global(form) div.property:last-of-type {
    margin-bottom: 1em;
  }
</style>