<template>
  <div class="row">
    <label class="col-4">{{ description }}</label>
    <div class="col-8">
      <slot></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ValuePair',
  props: {
    description: {
      type: String,
      required: true,
    },
    // content: {
    //   type: String,
    //   required: true,
    // },
  },
};
</script>

<style scoped>
label {
  font-weight: bold;
}
</style>
