import { defineComponent } from 'vue';

// @ts-ignore
import CUSTOM_ICON_404 from './assets/imgs/404@2x.png';
import { _t } from '@kt/unity-locale';

const NotFound = defineComponent({
  name: 'NotFound',
  setup(props, { attrs, slots }) {
    const image = <img class="w-[344px]" src={CUSTOM_ICON_404} alt="404" />;
    return () => (
      <div
        // 提供 unity-not-found 供外部可更改样式
        class={`unity-not-found flex justify-center items-center text-center w-full h-full`}
      >
        <div class="max-w-[344px]">
          {image}
          <p class="text-[20px] text-[#687587] px-[24px]">
            {/* 您访问的页面不存在。 */}
            {_t('KTUnity.NotFound.tips')}
          </p>
        </div>
      </div>
    );
  }
});

export default NotFound;
