<script setup>
// import { useGenerateImageVariant } from '@core/composable/useGenerateImageVariant';
// import page401 from '@images/pages/401.png';

// const authThemeMask = useGenerateImageVariant(miscMaskLight, miscMaskDark)
</script>

<template>
  <div class="misc-wrapper">
    <div class="misc-center-content text-center mt-12">
      <!-- 👉 Title and subtitle -->
      <h4 class="text-h4 font-weight-medium mt-3">
        You are not authorized! 🔐
      </h4>
      <p>You don't have permission to access this page.</p>
      <!--
        <VBtn to="/login">
        Back to Home
        </VBtn>
      -->
    </div>



    <VImg
      :src="authThemeMask"
      class="misc-footer-img d-none d-md-block"
    />
  </div>
</template>

<style lang="scss">
@use "@core-scss/template/pages/misc.scss";
</style>


