<template>
  <div :elid="wrapId" :ref="wrapId" :style="[wrapStyle,extStyle]"></div>
</template>
<script>
import bm from "../../mixins/base-mixins";

export default {
  name: "fviz-material-border",
  mixins: [bm],
  computed: {
    extStyle: {
      get() {
        let style = {
          "background-size": "100% 100%",
        };

        if (this.objVal.fileName) {
          style["background-image"] =
            "url(" + this.fileName(this.objVal.fileName) + ")";
        }

        return style;
      },
    }
  },
  mounted() {},
};
</script>

<style scoped >
</style>
