<template>
    <div class="overview">
        <div class="icon-block">
            <Icon :type="icon"></Icon>
        </div>
        <div class="details">
            <h3 class="value">{{value}}</h3>
            <h5 class="key">{{key}}</h5>
        </div>
        <a class="more">
            <span>View more</span>
            <i class="icon-arrow-right fg-color-white"></i>
        </a>
    </div>
</template>
<script>
    export default {
        name:'Overview',
        props: {
            key: {
                type: String,
                default: 'key'
            },
            value: {
                type: [Number, String],
                default: 'value'
            },
            icon: {
                type: String,
            },
        },
    }
</script>