<template>
  <Popup 
    v-bind="$props"
    closeIcon=""
    closeable
    position="center"
    :show="show"
    @close="$emit('close')"
    @update:show="$emit('update:show', $event)"
  >
    <slot />
  </Popup>
</template>

<script setup lang="ts">
import type { PopupProps } from './Popup.vue';
import Popup from './Popup.vue';

export interface OverlayProps extends Omit<PopupProps, 'closeIcon'|'position'> {
}

defineEmits(['close','update:show'])

withDefaults(defineProps<OverlayProps>(), {
  maskColor: 'background.mask',
  mask: true,
  backgroundColor: 'transparent',
  duration: 230,
  position: "center",
  closeable: true,
});
</script>