YetiForceCompany/YetiForceCRM

<!--
/**
 * YfIcon component
 *
 * @description Global component
 * @license YetiForce Public License 6.5
 * @author Tomasz Poradzewski <t.poradzewski@yetiforce.com>
 */
-->
<template>
    <div class="flex">
        <q-icon v-if="/^mdi|^fa/.test(icon)" key="icon-lib" :name="icon" :size="size" dense />
        <q-avatar v-else-if="icon.includes('/')" key="icon-img" :size="size">
            <q-img :src="icon" />
        </q-avatar>
        <q-icon v-else key="icon-yf" :class="[icon, 'q-icon']" :style="{ 'font-size': size ? size : '1.4em' }" />
    </div>
</template>

<script>
export default {
    name: 'YfIcon',
    props: {
        icon: {
            type: String,
            required: true,
        },
        size: {
            type: String,
            required: false,
        },
    },
}
</script>

<style scoped></style>