<template>
<div class="empty-container">
  <box><div class="space-around"><PhXCircle  :size="32" /> Not authorized.</div></box>
</div>

</template>

<script>
import Box from "@/components/UI/Box.vue";
import {PhShieldWarning, PhXCircle} from "@phosphor-icons/vue";

export default {
  name: "NotAuthorized",
  components: {PhXCircle, PhShieldWarning, Box}
}
</script>


<style scoped>

.space-around {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3rem;
  gap: 1.6rem;
}


.empty-container {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
}
</style>