<template>
    <v-img 
        :src="file.icon"
        :width="width"
        :max-height="maxHeight"
        contain
        class="mx-auto"
        @clic="$emit('click')"
        @contextmenu="$emit('right-click', $event)"
    >
    </v-img>
</template>

<script>
    export default {
        props: {
            file: {required: true},
            width: {default: '90%'},
            maxHeight: {default: null},
        },

        name: 'FileIcon'
    }
</script>