kodama-ui/dist/404-e2ec91b9.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 l, createVNode as e, withCtx as t, createTextVNode as s } from "vue";
import { h as b, e as f, _ as h } from "./main-5627e7fd.mjs";
import { K as x } from "./footer-e5aa63d5.mjs";
const g = p({
  name: "Error404",
  components: { KPublicFooter: x },
  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__ */ l("img", {
  src: "https://drive.google.com/uc?id=1PrclQ7RHIR0w7X3mdJYobTjuq0HubvNd",
  alt: "",
  class: "mb-10 h-lg-450px max-w-full lg:max-h-96"
}, null, -1), C = { class: "pt-lg-10 mb-10" }, E = { class: "text-center" }, y = { class: "flex justify-center p-10" };
function N(n, $, j, F, P, V) {
  const i = o("k-logo"), c = o("router-link"), a = o("k-title"), _ = o("k-button"), m = o("k-public-footer"), r = o("k-bubbles");
  return d(), u("div", k, [
    l("div", v, [
      e(c, {
        to: n.homepage,
        class: "mb-10 pt-lg-10"
      }, {
        default: t(() => [
          e(i, {
            side: "",
            height: 50,
            class: "mb-5"
          })
        ]),
        _: 1
      }, 8, ["to"]),
      w,
      l("div", C, [
        e(a, {
          size: 1,
          bolder: "",
          class: "mb-4",
          center: ""
        }, {
          default: t(() => [
            s(" Página no encontrada ")
          ]),
          _: 1
        }),
        e(a, {
          size: 4,
          center: "",
          class: "max-w-lg mb-16 mx-auto"
        }, {
          default: t(() => [
            s(" La página a la que intentas acceder no existe!. La única opción es volver a casa ")
          ]),
          _: 1
        }),
        l("div", E, [
          e(c, {
            to: n.homepage,
            class: "btn btn-primary btn-lg"
          }, {
            default: t(() => [
              e(_, { icon: "home" }, {
                default: t(() => [
                  s("Inicio")
                ]),
                _: 1
              })
            ]),
            _: 1
          }, 8, ["to"])
        ])
      ])
    ]),
    l("div", y, [
      e(m)
    ]),
    e(r, {
      bottom: -200,
      right: -200,
      width: 750,
      rotate: 45,
      color: n.bubbleColor
    }, null, 8, ["color"]),
    e(r, {
      top: -200,
      left: -200,
      width: 750,
      rotate: 45,
      color: n.bubbleColor
    }, null, 8, ["color"])
  ]);
}
const H = /* @__PURE__ */ h(g, [["render", N]]);
export {
  H as default
};