<template>
  <properties-card title="Action">
    <p class="p-h">Image Link</p>
    <v-select
      :items="items"
      v-model="widgetData.style.newTab"
      outlined
      dense
    ></v-select>
    <v-text-field
      v-model="widgetData.style.linkUrl"
      label="URL"
      hide-details="auto"
      dense
      outlined
    ></v-text-field>
  </properties-card>
</template>

<script>
import PropertiesCard from "@/components/properties/components/PropertiesCard";
export default {
  components: { PropertiesCard },
  props: {
    widgetData: Object,
  },
  data() {
    return {
      items: [
        {
          value: null,
          text: "Same Tab",
        },
        {
          value: "_blank",
          text: "New Tab",
        },
      ],
    };
  },
};
</script>

<style></style>
