@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
55 lines (54 loc) • 2.18 kB
JavaScript
import y from "./NeonEmptyState.es.js";
import { resolveComponent as t, openBlock as o, createBlock as l, normalizeClass as h, withCtx as r, createCommentVNode as a, createElementVNode as i, toDisplayString as c, createElementBlock as m, renderSlot as b, Fragment as f, renderList as k } from "vue";
import g from "../../../_virtual/_plugin-vue_export-helper.es.js";
const C = { class: "neon-empty-state__title" }, N = {
key: 1,
class: "neon-h3 neon-empty-state__subtitle"
}, $ = { class: "neon-empty-state__description" };
function S(e, B, v, E, F, V) {
const p = t("neon-icon"), u = t("neon-button"), _ = t("neon-inline"), d = t("neon-stack");
return o(), l(d, {
class: h([`neon-empty-state--${e.type}`, "neon-empty-state"]),
gap: "l"
}, {
default: r(() => [
e.image ? (o(), l(p, {
key: 0,
color: e.imageColor,
name: e.image,
class: "neon-empty-state__illustration"
}, null, 8, ["color", "name"])) : a("", !0),
i("h1", C, c(e.title), 1),
e.subtitle ? (o(), m("h2", N, c(e.subtitle), 1)) : a("", !0),
i("div", $, [
b(e.$slots, "description")
]),
e.ctas.length > 0 ? (o(), l(_, {
key: 2,
class: "neon-empty-state__ctas",
gap: "m"
}, {
default: r(() => [
(o(!0), m(f, null, k(e.ctas, (n, s) => (o(), l(u, {
key: n.label || n.icon,
"button-style": n.style || (s === e.ctas.length - 1 ? e.NeonButtonStyle.Solid : e.NeonButtonStyle.Outline),
color: n.color || (s === e.ctas.length - 1 ? e.NeonFunctionalColor.Primary : e.NeonFunctionalColor.HighContrast),
disabled: !!n.disabled,
href: n.href,
icon: n.icon,
label: n.label,
class: "neon-empty-state__cta",
onClick: (w) => !n.href && e.emit("cta-click", s)
}, null, 8, ["button-style", "color", "disabled", "href", "icon", "label", "onClick"]))), 128))
]),
_: 1
})) : a("", !0)
]),
_: 3
}, 8, ["class"]);
}
const L = /* @__PURE__ */ g(y, [["render", S]]);
export {
L as default
};
//# sourceMappingURL=NeonEmptyState.vue.es.js.map