<template>
    <div>
        <span class="title">{{title}}</span>
        <span class="value">{{value}}</span>
        <span class="title">{{unit}}</span>
    </div>
</template>

<script>
export default {
  name: 'TitleBarCard',
  props: {
    title: String,
    value: Number,
    unit: String,
  }
}
</script>

<style scoped>

span{
  font-size: 8;
  margin-left: 9px;
}
.title{
    color:#FFFFFF;
}
.value{
  color:#50AE56;
}
</style>