<template>
  <Basic :question="question" :index="index" :pIndex="pIndex">
    <Select  :question="question" :index="index" :pIndex="pIndex"></Select>
    <template v-slot:control>
      <el-button type="success" @click="startEdit('edit')" size="mini" class="event-bubbling">{{ $t('general.btnEdit') }}</el-button>
      <el-button type="info" plain @click="startEdit('options')" size="mini" class="event-bubbling">{{ $t('general.btnChoose') }}</el-button>
    </template>
  </Basic>
</template>

<script>
import Question from './Question'
import Basic from './Basic'
import Select from './Select'

export default {
  components: {
    Basic,
    Select
  },
  props: ['question'],
  mixins: [Question],
  data () {
    return {
      dropdownData: ''
    }
  }
}
</script>

<style scoped>

</style>
