<template>
  <div>
    <div class="vb-body-right-option pointer option-head">Action</div>
    <div class="container">
      <!-- Link -->
      <div class="row">
        <div class="col-md-6">
          <span class="font-12">Image Link</span>
        </div>
        <div class="col-md-6">
          <span class="float-right">
            <!-- <b-form-select
              v-model="widgetData.style.newTab"
              :options="imagetaboption"
              size="sm"
              class="vb-mB-5"
            />-->
            <div class="form-group">
              <select v-model="widgetData.style.newTab" class="form-control form-control-sm">
                <option>Same Tab</option>
                <option>New Tab</option>
              </select>
            </div>
          </span>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12">
          <div class="input-group mb-3">
            <div class="input-group-prepend">
              <span class="input-group-text" id="basic-addon1">URL</span>
            </div>
            <input
              type="text"
              v-model="widgetData.style.linkUrl"
              class="form-control"
              aria-label="Username"
              aria-describedby="basic-addon1"
            />
          </div>
        </div>
      </div>
      <!-- link end -->
    </div>
  </div>
</template>

<script>
export default {
  props: {
    widgetData: Object
  },
  data() {
    return {
      imagetaboption: [
        {
          value: null,
          text: "Same Tab"
        },
        {
          value: "_blank",
          text: "New Tab"
        }
      ]
    };
  }
};
</script>

<style>
</style>
