@aotearoan/neon/dist/components/presentation/empty-state/NeonEmptyState.vue.cjs.js

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

"use strict";const c=require("./NeonEmptyState.cjs.js"),e=require("vue"),i=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),p={class:"neon-empty-state__title"},m={key:1,class:"neon-h3 neon-empty-state__subtitle"},u={class:"neon-empty-state__description"};function _(o,d,k,h,C,b){const l=e.resolveComponent("neon-icon"),s=e.resolveComponent("neon-button"),r=e.resolveComponent("neon-inline"),a=e.resolveComponent("neon-stack");return e.openBlock(),e.createBlock(a,{class:e.normalizeClass([`neon-empty-state--${o.type}`,"neon-empty-state"]),gap:"l"},{default:e.withCtx(()=>[o.image?(e.openBlock(),e.createBlock(l,{key:0,color:o.imageColor,name:o.image,class:"neon-empty-state__illustration"},null,8,["color","name"])):e.createCommentVNode("",!0),e.createElementVNode("h1",p,e.toDisplayString(o.title),1),o.subtitle?(e.openBlock(),e.createElementBlock("h2",m,e.toDisplayString(o.subtitle),1)):e.createCommentVNode("",!0),e.createElementVNode("div",u,[e.renderSlot(o.$slots,"description")]),o.ctas.length>0?(e.openBlock(),e.createBlock(r,{key:2,class:"neon-empty-state__ctas",gap:"m"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.ctas,(n,t)=>(e.openBlock(),e.createBlock(s,{key:n.label||n.icon,"button-style":n.style||(t===o.ctas.length-1?o.NeonButtonStyle.Solid:o.NeonButtonStyle.Outline),color:n.color||(t===o.ctas.length-1?o.NeonFunctionalColor.Primary:o.NeonFunctionalColor.HighContrast),disabled:!!n.disabled,href:n.href,icon:n.icon,label:n.label,class:"neon-empty-state__cta",onClick:g=>!n.href&&o.emit("cta-click",t)},null,8,["button-style","color","disabled","href","icon","label","onClick"]))),128))]),_:1})):e.createCommentVNode("",!0)]),_:3},8,["class"])}const y=i(c,[["render",_]]);module.exports=y;
//# sourceMappingURL=NeonEmptyState.vue.cjs.js.map