<template>
  <table style="width:100%">
    <tr>
      <td
        :style="'text-align:'+widget.style.position"
        v-for="(imageLink, index) in widget.style.imgurl.split(',')"
        :key="index"
      >
        <a :href="widget.style.linkUrl" :target="widget.style.newTab">
          <img
            :src="imageLink"
            :style="{'width':widget.style.imgsize+'%', 'max-height': 'inherit'}"
          />
        </a>
      </td>

    </tr>
  </table>
</template>

<script>
// https://s3-ap-southeast-1.amazonaws.com/vemessage-images/1554011171959-500x100.png,https://s3-ap-southeast-1.amazonaws.com/vemessage-images/1554011171959-500x100.png
export default {
  data: function() {
    return {
      urllink: "",
      targetlink: "_blank",
      inputText: "",
      hover: false,
      highlight: false,
      top: false,
      bottom: false
    };
  },
  props: {
    widget: Object
  }
};
</script>