<template>
  <Form ref="questionForm" :model="editQuestion" :label-colon="false">
    <Form-item
      :prop="'header.text.' + primaryLanguage"
      :rules="{
        required: true,
        message: t('survey_creator.question.titleRequiredTip'),
      }"
    >
      <label slot="label">
        <span class="input-label span-title">{{
          t("survey_creator.page.question")
        }}</span>
      </label>
      <Checkbox v-model="editQuestion.options.required">{{
        t("survey_creator.question.questionRequired")
      }}</Checkbox>
      <Input
        v-model.trim="editQuestion.header.text[primaryLanguage]"
        :placeholder="t('survey_creator.question.titleRequiredTip')"
      />
    </Form-item>
  </Form>
</template>
<script lang="ts">
import Vue from "vue";
import questionFormMixin from "../../../mixins/question-form-mixin";

export default Vue.extend({
  name: "fill-black-form",
  mixins: [questionFormMixin],
});
</script>

<style scoped lang="less">
/deep/ .ivu-form-item {
  width: 100%;
}
</style>
