<template lang="html">
  <div v-if="value !== undefined || $slots.default">
  	<div class="caption">
  		{{name}}
  	</div>
    <p class="ml-2 subheading">
      <slot>
        {{value}}
      </slot>
    </p>
  </div>
</template>

<script>
export default {
	props: {
		name: String,
		value: [String, Number],
	}
}
</script>

<style lang="css" scoped>
</style>
