<template>
  <div class="dv-core-index1-item">
    <div class="dv-core-index1-item-inner">
      <div class="dv-core-index1-item-main">
        <div class="dv-core-index1-item-name" v-if="name">{{name}}</div>
        <div class="dv-core-index1-item-value" v-if="value">{{value}}</div>
        <span class="dv-core-index1-item-unit" v-if="unit">{{unit}}</span>
      </div>
      <div class="dv-core-index1-item-sub">
        <div class="dv-core-index1-item-name" v-if="subName">{{subName}}</div>
        <div class="dv-core-index1-item-value" v-if="subValue">{{subValue}}</div>
        <span class="dv-core-index1-item-unit" v-if="subUnit">{{subUnit}}</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'DvCoreIndex1Item',
  props: {
    name: null,
    unit: null,
    value: null,
    subName: null,
    subUnit: null,
    subValue: null
  },
};
</script>
