kodama-ui/dist/500-b7455a71.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 e, openBlock as b, createElementBlock as d, createElementVNode as l, createVNode as o, withCtx as t, createTextVNode as s } from "vue";
import { h as u, e as f, _ as h } from "./main-c452e5c1.mjs";
import { K as x } from "./footer-050a3671.mjs";
const g = p({
  name: "Error500",
  components: { KPublicFooter: x },
  setup() {
    return {
      homepage: u,
      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" }, C = /* @__PURE__ */ l("img", {
  src: "https://drive.google.com/uc?id=10607xNK0Y5BB6xhMa1kCbR18qBo_BpS2",
  alt: "",
  class: "mb-10 h-lg-450px max-w-full lg:max-h-96"
}, null, -1), E = { class: "pt-lg-10 mb-10" }, w = { class: "text-center" }, B = { class: "flex justify-center p-10" };
function y(n, N, $, K, V, j) {
  const a = e("k-logo"), c = e("router-link"), r = e("k-title"), _ = e("k-button"), m = e("k-public-footer"), i = e("k-bubbles");
  return b(), d("div", k, [
    l("div", v, [
      o(c, {
        to: n.homepage,
        class: "mb-10 pt-lg-10"
      }, {
        default: t(() => [
          o(a, {
            side: "",
            height: 50,
            class: "mb-5"
          })
        ]),
        _: 1
      }, 8, ["to"]),
      C,
      l("div", E, [
        o(r, {
          size: 1,
          bolder: "",
          class: "mb-4",
          center: ""
        }, {
          default: t(() => [
            s(" Error interno ")
          ]),
          _: 1
        }),
        o(r, {
          size: 4,
          center: "",
          class: "max-w-lg mb-16 mx-auto"
        }, {
          default: t(() => [
            s(" Algo no funcionó como debería!. Inténtalo más tarde. ")
          ]),
          _: 1
        }),
        l("div", w, [
          o(c, {
            to: n.homepage,
            class: "btn btn-primary btn-lg"
          }, {
            default: t(() => [
              o(_, { icon: "home" }, {
                default: t(() => [
                  s("Inicio")
                ]),
                _: 1
              })
            ]),
            _: 1
          }, 8, ["to"])
        ])
      ])
    ]),
    l("div", B, [
      o(m)
    ]),
    o(i, {
      bottom: -200,
      right: -200,
      width: 750,
      rotate: 45,
      color: n.bubbleColor
    }, null, 8, ["color"]),
    o(i, {
      top: -200,
      left: -200,
      width: 750,
      rotate: 45,
      color: n.bubbleColor
    }, null, 8, ["color"])
  ]);
}
const q = /* @__PURE__ */ h(g, [["render", y]]);
export {
  q as default
};