<template>
<div>
    <div v-b-toggle.action class="vb-body-right-option pointer option-head">Action</div>
    <b-collapse id="action" visible>
        <div class="container vb-p-10">
            <!-- 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="widgetType[selectedWidget.parentRow].columns[selectedWidget.column].rows[selectedWidget.row].style[2].newTab" :options="imagetaboption" size="sm" class="vb-mB-5" /></span></div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <b-input-group size="sm">
                        <b-input-group-text slot="prepend">URL</b-input-group-text>
                        <b-form-input v-model="widgetType[selectedWidget.parentRow].columns[selectedWidget.column].rows[selectedWidget.row].style[2].linkUrl" />
                    </b-input-group>
                </div>
            </div>
            <!-- link end -->
        </div>
    </b-collapse>
</div>
</template>

<script>
export default {
    name: "action",
    props: {
        widgetType: {
            type: Array
        },
        selectedWidget: {
            type: Object
        }
    },
    data() {
        return {
            imagetaboption: [{
                value: null,
                text: 'Same Tab'
            }, {
                value: 'newTab',
                text: 'New Tab'
            }]
        }
    }

}
</script>

<style>

</style>
