<template>
    <div class="replace-options-question">
        <buttonQestion
            v-if="isAvailable"
            :isMultiSelect="isMultiSelect"
            v-model="modelValue"
         />
    </div>
</template>

<script>
import buttonQuestion from "@/common-components/button-question/button-question";

export default ({
    name: "replaceOptionsQuestion",
    data(){
        return {
            questionText: String,
            answersFromCms: Array,
            replaceOptions: Array
        }
    },
    props: {
        isMultiSelect: Boolean,
        isAvailable: Boolean,
        filterByVehicleCategory: Boolean,
        modelValue: String,ewe3d
    },
    methods: {
        initializeComponent(cmsContent, replaceOptions){
            this.questionText = cmsContent.QuestionText;
            this.answersFromCms = cmsContent.Answers;
            this.replaceOptions = replaceOptions;
        }
    },
    watch: {
        modelValue(val) {
        this.$emit("update:modelValue", val);
        }
    },
    components: {
        buttonQuestion,
    }
})
</script>
