@fifteen/design-system-vue
Version:
Vue 3 (Composition API + Typescript) implementation of the Fifteen Design System
2 lines (1 loc) • 803 B
JavaScript
;const e=require("vue"),i=require("../utils/genSize.js"),n=require("../utils/getCssColor.js"),s=e.defineComponent({__name:"FDivider",props:{color:{default:"neutral"},theme:{default:null},width:{default:"100%"},height:{default:"1px"},vertical:{type:Boolean,default:!1},margins:{type:Boolean,default:!0}},setup(r){const t=r,l=e.computed(()=>({"FDivider--light":t.theme==="light","FDivider--dark":t.theme==="dark","FDivider--vertical":t.vertical,"FDivider--margins":t.margins})),o=e.computed(()=>({"--fdivider--color":n.getCssColor(t.color),"--fdivider--width":i.genSize(t.width),"--fdivider--height":i.genSize(t.height)}));return(a,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["FDivider",e.unref(l)]),style:e.normalizeStyle(e.unref(o))},null,6))}});module.exports=s;