@fifteen/design-system-vue/dist/cjs/components/form/FFieldHint.js

Vue 3 (Composition API + Typescript) implementation of the Fifteen Design System

"use strict";const r=require("../FIcon.js");;/* empty css         */const e=require("vue"),c=require("../../utils/getCssColor.js"),d={class:"FFieldHint__hint"},u=e.defineComponent({__name:"FFieldHint",props:{text:{default:""},hidden:{type:Boolean},textColor:{default:"neutral--dark-4"},icon:{default:null}},setup(o){const t=o,l=e.computed(()=>({"FFieldHint--visible":t.text!=="","FFieldHint--hidden":t.hidden})),i=e.computed(()=>({"--ffieldhint--text-color":c.getCssColor(t.textColor)}));return(n,a)=>{const s=r;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["FFieldHint",e.unref(l)]),style:e.normalizeStyle(e.unref(i))},[n.icon?(e.openBlock(),e.createBlock(s,{key:0,name:n.icon,size:16},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("div",d,e.toDisplayString(n.text),1)],6)}}});module.exports=u;