<template>
    <div class="cell-info">
        <p v-for="item in items">
            <span v-if="item.type === 'string' || !item.type">{{item.label}}：{{item.value}}</span>
            <a v-if="item.type == 'link'" :href="item.value" target = '_blank' >{{item.label}}</a>
        </p>
    </div>
</template>

<script>
    export default {
        name: 'cell-info',
        props: {
            items: {
                type: Array
            }
        }
    };

</script>

<style lang="scss" scoped>
.cell-info {
    text-align: left;
    padding: 10px;

    a {
        color: #999;
        text-decoration: underline;
    }
}
</style>