kodama-ui/dist/403-c88de389.mjs

Kodama UI is a Vue 3 component library that provides a set of components & funcionality to build your application.

import { defineComponent as p, resolveComponent as o, openBlock as d, createElementBlock as u, createElementVNode as s, createVNode as e, withCtx as t, createTextVNode as n } from "vue";
import { h as b, e as f, _ as h } from "./main-c452e5c1.mjs";
import { K as g } from "./footer-050a3671.mjs";
const x = p({
  name: "Error403",
  components: { KPublicFooter: g },
  setup() {
    return {
      homepage: b,
      bubbleColor: f
    };
  }
}), k = { class: "flex flex-col flex-1 flex-shrink-0 basis-auto position-relative overflow-hidden" }, v = { class: "flex flex-col flex-1 flex-shrink-0 basis-auto justify-center items-center p-10 lg:py-14" }, w = /* @__PURE__ */ s("img", {
  src: "https://drive.google.com/uc?id=15pE8swlzmWGds6goUR7qhz6-z6B9wD16",
  alt: "",
  class: "mb-10 h-lg-450px max-w-full lg:max-h-96"
}, null, -1), C = { class: "pt-lg-10 mb-10" }, z = { class: "text-center" }, y = { class: "flex justify-center p-10" };
function E(l, N, $, B, F, V) {
  const i = o("k-logo"), c = o("router-link"), r = o("k-title"), _ = o("k-button"), m = o("k-public-footer"), a = o("k-bubbles");
  return d(), u("div", k, [
    s("div", v, [
      e(c, {
        to: l.homepage,
        class: "mb-10 pt-lg-10"
      }, {
        default: t(() => [
          e(i, {
            side: "",
            height: 50,
            class: "mb-5"
          })
        ]),
        _: 1
      }, 8, ["to"]),
      w,
      s("div", C, [
        e(r, {
          size: 1,
          bolder: "",
          class: "mb-4",
          center: ""
        }, {
          default: t(() => [
            n(" Acceso denegado ")
          ]),
          _: 1
        }),
        e(r, {
          size: 4,
          center: "",
          class: "max-w-lg mb-16 mx-auto"
        }, {
          default: t(() => [
            n(" No tienes acceso a este recurso. La única opción es volver a casa ")
          ]),
          _: 1
        }),
        s("div", z, [
          e(c, {
            to: l.homepage,
            class: "btn btn-primary btn-lg"
          }, {
            default: t(() => [
              e(_, { icon: "home" }, {
                default: t(() => [
                  n("Inicio")
                ]),
                _: 1
              })
            ]),
            _: 1
          }, 8, ["to"])
        ])
      ])
    ]),
    s("div", y, [
      e(m)
    ]),
    e(a, {
      bottom: -200,
      right: -200,
      width: 750,
      rotate: 45,
      color: l.bubbleColor
    }, null, 8, ["color"]),
    e(a, {
      top: -200,
      left: -200,
      width: 750,
      rotate: 45,
      color: l.bubbleColor
    }, null, 8, ["color"])
  ]);
}
const q = /* @__PURE__ */ h(x, [["render", E]]);
export {
  q as default
};