export default {
    props: {
        modelValue: [Array, String, Number],
        value: [String, Number],
        isMultiSelect: Boolean,
        groupName: String,
        buttonLabel: [Number, String],
        buttonLabelSubCopy: String,
        buttonImage: String,
        altText: {
            type: String,
            default: "",
        },
        textPosition: String,
        screenReaderOnlyText: String,
        valueToLogType: String,
        validationRules: String,
        isWide: Boolean,
        isRequired: {
            type: Boolean,
            default: true,
        },
        lastValuePushedToGa: [String, Number],
        setLastValuePushedToGa: Function,
        shouldPushClickEventToGAOnMount: Boolean,
    },
    computed: {
        selectedValue: {
            get() {
                return this.modelValue;
            },
            set(e) {
                if (this.preHandleAnswerChange) {
                    this.preHandleAnswerChange(e);
                }

                this.$emit("update:modelValue", e);
            },
        },
    },
};