<template>
  <div class="col-4 p-1">
    <div class="card text-center mb-3" :class="color_name">
      <div class="card-header">
        <router-link :to="{ name: link_page }">
          {{ title }}
        </router-link>
      </div>
      <div class="card-body">
        <h5 class="card-title text-white">
          {{ number }}
        </h5>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'DashboardCard',
  props: ['title', 'link_page', 'number', 'color_name'],
  components: {
  },
  data: function () {
    return {
    };
  },
  computed: {
  },
  methods: {
  },
  mounted() {
  },
}
</script>

<style scoped>
.card-header a {
  color: white;
  text-decoration: none;
}
</style>

