<template>
  <el-row>
      <h3 class="date-item-value">
        <slot></slot>
      </h3>
      <p class="date-item-label">{{label}}</p>
  </el-row>
</template>

<script>
export default {
    name: 'DataItem',
    props: ['value', 'label']
}
</script>

<style>
.date-item-value{
  text-align: center;
  font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  margin: 14px 0;
}
.date-item-label{
  text-align: center;
  font-family: 'Arial Normal', 'Arial', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  letter-spacing: normal;
  color: #333333;
  margin: 14px 0;
}
</style>