<script setup>
import { can } from './Component'

import Header from '@/Components/Dashboard/Modal/Elements/Header.vue';
import ShowModal  from '@/Components/Dashboard/Modal/Show.vue';
import GoogleIcon from '@/Components/Shared/GoogleIcon.vue';

defineEmits([
    'close',
    'switchModal'
]);

defineProps({
    show: Boolean,
    model: Object
});
</script>
<template>
    <ShowModal
        :show="show"
        :editable="can('edit')"
        @close="$emit('close')"
        @edit="$emit('switchModal')"
        editable
    >
        <Header
            :title="model.alias"
        >
        </Header>
        <div class="py-2 border-b">
            <div class="px-4 py-2 flex">
                <GoogleIcon
                    class="text-xl text-success"
                    name="contact_mail"
                />
                <div class="pl-3">
                </div>
            </div>
        </div>
    </ShowModal>
</template>
