<template>
    <v-btn v-if="!prop.iconOnly" text="Close" class="bg-grey-lighten-2 text-capitalize" :height="prop.height" @click="emit('click')" />
    <v-btn v-else icon="mdi-close" size="small" class="bg-grey-lighten-2 text-capitalize" :height="prop.height" @click="emit('click')" />
</template>

<script setup lang="ts">
    const prop = defineProps<{ 
        height?: string | number;
        iconOnly?: boolean;
    }>();

    const emit = defineEmits<{
        (e: 'click'): void;
    }>();

</script>

<style scoped></style>