<script setup>
import BaseWindow from '~/components/BaseWindow.vue';

defineProps({
  windowData: {
    type: Object,
    required: true,
  },
});

const emit = defineEmits([
  'close',
  'minimize',
  'bring-to-front',
  'update-position',
  'update-dimensions',
]);

const handleClose = () => emit('close');
const handleMinimize = () => emit('minimize');
const handleBringToFront = () => emit('bring-to-front');
const handleUpdatePosition = (newPosition) => emit('update-position', newPosition);
const handleUpdateDimensions = (newDimensions) => emit('update-dimensions', newDimensions);
</script>

<template>
  <BaseWindow
    :window-data="windowData"
    @close="handleClose"
    @minimize="handleMinimize"
    @bring-to-front="handleBringToFront"
    @update-position="handleUpdatePosition"
    @update-dimensions="handleUpdateDimensions"
  >
    <div class="winamp-content">
      <!-- Winamp content goes here -->
      <p>This is the Winamp player.</p>
      <p>You can add your music player UI here.</p>
    </div>
  </BaseWindow>
</template>

<style scoped>
.winamp-content {
  padding: 10px;
  background-color: #C0C0C0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: 'MS Sans Serif', 'Arial', sans-serif;
  font-size: 14px;
}
</style>
