<template>
  <div class="container-mask">
    <img src="@/assets/images/no-permission.png" alt="" srcset="" />
    <p>{{ text }}</p>
  </div>
</template>

<script setup>
import { defineProps } from "vue";
defineProps({
  text: {
    required: true,
    type: String,
    default: "",
  },
});
</script>
<style scoped lang="scss">
.container-mask {
  img {
    width: 182px;
    height: 182px;
    margin: 359px auto 55.8px;
  }

  p {
    color: rgb(51, 51, 51);
    font-family: "PingFang SC";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    width: 80%;
    margin: 0 auto;
    line-height: 50px;
  }
}
</style>
