<template>
<div v-if="widgetType[selectedWidget].type == 'camraRecord'">
    <div v-b-toggle.camraRecord class="vb-body-right-option pointer option-head">CamraRecord</div>
    <b-collapse id="camraRecord" 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="imagetab" :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 />
                    </b-input-group> -->
                </div>
            </div>
            <!-- link end -->
        </div>
    </b-collapse>
</div>
</template>

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

}
</script>

<style>

</style>
