<template>
  <div class="survey-editor-wrapper">
    <Card :bordered="false" dis-hover>
      <edit-questions :survey="survey"></edit-questions>
    </Card>
  </div>
</template>
<script lang="ts">
import Vue from "vue";
import { Button, Card, Col, Row } from "view-design";
import EditQuestions from "./editor-questions.vue";
import LocaleMixin from "../../mixins/locale-mixin";
import { SurveyModel } from "@wg-npm/survey-core";

export default Vue.extend({
  name: "survey-editor",
  mixins: [LocaleMixin],
  components: { Card, Row, Col, Button, EditQuestions },
  props: {
    survey: {
      type: Object as () => SurveyModel,
      required: true,
    },
    options: {
      type: Object as () => SurveyCreatorOptions,
      required: true,
    },
  },
});
</script>
