<template>
  <section class="container px-4 py-32 mx-auto">
    <div class="w-full mx-auto lg:w-1/3">
      <svg
        xmlns="http://www.w3.org/2000/svg"
        fill="none"
        stroke="currentColor"
        stroke-width="2"
        stroke-linecap="round"
        stroke-linejoin="round"
        class="h-20 feather feather-alert-triangle"
        viewBox="0 0 24 24"
      >
        <path
          d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0zM12 9v4M12 17h.01"
        />
      </svg>
      <p
        class="mt-5 mb-3 text-xl font-bold text-black dark:text-gray-50 md:text-2xl"
      >{{ $t('configuration_error') }}</p>
      <p class="mb-3 text-base font-medium text-gray-700 dark:text-gray-400">
        {{ $t('the_system_is_not_properly_configured_please_contact_the_system_administrator_for_help') }}
        <br />
        <br />
        {{ $t('if_you_are_the_system_administrator_please_refer_to_the_official_product_documentation_readme_for_configuration_guidance') }}
      </p>
    </div>
  </section>
</template>