<template>
  <BaseWindow
    :window-data="windowData"
    @close="$emit('close')"
    @minimize="$emit('minimize')"
    @bring-to-front="$emit('bring-to-front')"
    @update-position="$emit('update-position', $event)"
    @update-dimensions="$emit('update-dimensions', $event)"
  >
    <div class="about-content">
      <p>{{ t('hello_developer') }}</p>
      <p>{{ t('demo_ui') }}</p>
      <p>{{ t('coming_soon') }}</p>
    </div>
  </BaseWindow>
</template>

<script setup>
import BaseWindow from './BaseWindow.vue';
import { useI18n } from 'vue-i18n';

const { t } = useI18n();

defineProps({ windowData: Object });
defineEmits(['close', 'minimize', 'bring-to-front', 'update-position', 'update-dimensions']);
</script>

<style scoped>
.about-content {
  padding: 10px;
  color: black;
}
</style>
