<template>
  <div>
    <span :style="{ 'color': headerColor }">
      {{ header }}
      <span v-if="showColon">:</span>
    </span>
    <span :style="{ 'color': textColor }">
      <slot />
    </span>
  </div>
</template>

<script>
export default {
  props: {
    headerColor: {
      type: String,
      default: '#999'
    },
    textColor: {
      type: String,
      default: '#999'
    },
    showColon: {
      type: Boolean,
      default: true
    },
    header: {
      type: String
    }
  },

  data() {
    return {}
  },
  mounted() {},
  methods: {}
}
</script>

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