<template>
    <div>
        <figure class="image is-64x64" style="display: inline-block">
            <img :src="icon">
        </figure>
        <p class="is-size-4 has-text-grey-light">{{ name }}</p>
        <p class="is-size-6 has-text-grey">{{ email }}</p>
        <slot></slot>
        <div class="modal-action-links has-text-grey">
            <router-link :to="{ name: 'edit', params: { twofaccountId: twofaccountid }}">Edit</router-link>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
            }
        },
        props: ['twofaccountid', 'name', 'email', 'icon'],
    }
</script>