<template>
  <div class="d-flex align-center justify-center" style="height:400px; color:#888;" :style="props.style">
    <div class="text-center" v-html="props.text" style="color:inherit;"></div>
  </div>
</template>

<script setup>
const props = defineProps({
  style: {
    type: String,
    default: '',
  },
  text: {
    type: String,
    default: 'Page not found.',
  },
});
</script>