<script setup lang="ts">
import config from '@/config/defaultSetting'

interface Props {
  type?: '404' | '403' | '500'
}

defineProps<Props>()
</script>

<template>
  <div class="w-full h-full flex justify-center items-center text-center">
    <div>
      <div style="color: var(--el-color-primary)">
        <svg-icon size="400px" icon="not-found" v-if="type === '404'"></svg-icon>
      </div>
      <router-link :to="{ name: config.homeRouteName }">
        <el-button type="primary">回到首页</el-button>
      </router-link>
    </div>
  </div>
</template>
