opendesk

1<template>
2  <div
3    class="grid h-full place-items-center px-4 py-20 text-center text-md text-ink-gray-5"
4  >
5    <div class="space-y-4">
6      <div class="flex justify-center items-center mx-auto">
7        <LucideFileX class="size-10 text-ink-gray-4" />
8      </div>
9      <div class="flex flex-col gap-1">
10        <div class="text-md-medium text-ink-gray-8">
11          {{ __("Page not found") }}
12        </div>
13        <div class="text-center text-p-base text-ink-gray-6 mt-1">
14          {{
15            __(
16              "You don't have permission to view this page, or it no longer exists."
17            )
18          }}
19        </div>
20      </div>
21      <Button :route="{ name: 'TicketsAgent' }" variant="subtle">
22        <template #prefix>
23          <LucideArrowLeft class="size-4" />
24        </template>
25        {{ __("Back to Tickets") }}
26      </Button>
27    </div>
28  </div>
29</template>
30
31<script setup>
32import LucideArrowLeft from "~icons/lucide/arrow-left";
33import { Button } from "frappe-ui";
34import { __ } from "@/translation";
35</script>
36