'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
var TsImageLoader = require('./TsImageLoader.js');

var script = vue.defineComponent({
    components: {
        TsImageLoader: TsImageLoader["default"],
    },
    props: {
        size: {
            type: String,
            default: "50",
        },
        photoUrl: {
            type: String,
            required: true,
        },
        customClass: {
            type: String,
            default: "",
        },
        bgColor: {
            type: String,
            default: "",
        },
    },
    name: "TsAvatar",
});

function render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_ts_image_loader = vue.resolveComponent("ts-image-loader");

  return (vue.openBlock(), vue.createBlock(_component_ts_image_loader, {
    "photo-url": _ctx.photoUrl,
    "custom-class": `${_ctx.bgColor} rounded-full flex text-xs font-semibold flex-row items-center justify-center ${_ctx.customClass} `,
    "custom-style": `width: ${_ctx.size}px; height: ${_ctx.size}px;`
  }, {
    default: vue.withCtx(() => [
      (_ctx.photoUrl == '')
        ? vue.renderSlot(_ctx.$slots, "default", { key: 0 })
        : vue.createCommentVNode("v-if", true)
    ]),
    _: 3 /* FORWARDED */
  }, 8 /* PROPS */, ["photo-url", "custom-class", "custom-style"]))
}

script.render = render;
script.__file = "src/components/TsAvatar/index.vue";

exports["default"] = script;
