<template>
  <WidgetDialog :open="props.open" title="Calendar" @update:open="emit('update:open', $event)">
    <div class="dialog-placeholder">
      Calendar dialog content placeholder.asdas 
<a href="asadsd"></a>
    </div>
  </WidgetDialog>
</template>

<script setup lang="ts">
import WidgetDialog from '@/components/widgets/WidgetDialog.vue';

const props = defineProps<{
  open: boolean;
}>();

const emit = defineEmits<{
  (event: 'update:open', value: boolean): void;
}>();
</script>

<style lang="scss" scoped>
@import '@/styles/tokens.scss';

.dialog-placeholder {
  font-size: 14px;
  color: $color-text-primary;
}
</style>
