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

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

"use strict";const e=require("vue"),c=require("./FSvgImage.js");;/* empty css            */const u=require("../utils/genSize.js"),i=require("../composables/useIcon.js"),a=e.defineComponent({__name:"FCreditCardIcon",props:{cardType:{default:null},size:{default:24}},setup(n){const r=n,s=e.computed(()=>({"--FCreditCardIcon--size":u.genSize(r.size)})),{markup:o}=i.useIcon("creditCards",e.toRef(r,"cardType"));return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:"FCreditCardIcon",style:e.normalizeStyle(e.unref(s))},[e.createVNode(c,{markup:e.unref(o),alt:t.cardType??"",width:t.size,"fill-color":"none",height:"100%","use-svg-colors":""},null,8,["markup","alt","width"])],4))}});module.exports=a;