<template>
  <section class="error-view glass-panel">
    <span class="eyebrow">{{ eyebrow }}</span>
    <h2>{{ title }}</h2>
    <p>{{ message }}</p>
    <button class="primary-action compact" type="button" @click="$emit('go-dashboard')">
      Return to dashboard
    </button>
  </section>
</template>

<script setup>
defineProps({
  eyebrow: { type: String, default: 'VIEW ERROR' },
  title: { type: String, default: 'This view is not available' },
  message: { type: String, default: 'The requested workspace could not be loaded.' }
});

defineEmits(['go-dashboard']);
</script>
