UNPKG

@aotearoan/neon

Version:

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

3 lines (2 loc) 1.08 kB
"use strict";const n=require("vue"),e=require("../../../common/enums/NeonFunctionalColor.cjs.js"),r=require("../../presentation/icon/NeonIcon.vue.cjs.js"),l=require("../../user-input/button/NeonButton.vue.cjs.js"),i=require("../../layout/inline/NeonInline.vue.cjs.js"),s=require("../../layout/stack/NeonStack.vue.cjs.js"),a=n.defineComponent({name:"NeonNote",components:{NeonButton:l,NeonIcon:r,NeonInline:i,NeonStack:s},props:{title:{type:String},color:{type:String,default:e.NeonFunctionalColor.LowContrast},closable:{type:Boolean,default:!1},icon:{type:Boolean,default:!0},ariaLabelCloseNote:{type:String,default:"Close note"}},emits:["close-note"],setup(o,{emit:t,slots:c}){return{iconName:n.computed(()=>{if(o.icon)switch(o.color){case e.NeonFunctionalColor.Info:return"info-circle";case e.NeonFunctionalColor.Success:return"check-circle";case e.NeonFunctionalColor.Warn:return"exclamation-circle";case e.NeonFunctionalColor.Error:return"times-circle";default:return}}),slots:c,closeNote:()=>{t("close-note")}}}});module.exports=a; //# sourceMappingURL=NeonNote.cjs.js.map