<template>
  <a-form-model layout="vertical" :model="form" :rules="rules">
    <a-tabs default-active-key="General">
      <a-tab-pane key="General" :tab="$t('GENERAL')">
        <a-form-model-item :label="$t('CODE')" prop="id">
          <a-input v-model="form.id" disabled />
        </a-form-model-item>
        <a-form-model-item :label="$t('NAME')" prop="name">
          <a-input
            v-model="form.name"
            @change="(e) => updateProperties({ name: e.target.value })"
          />
        </a-form-model-item>
      </a-tab-pane>
    </a-tabs>
  </a-form-model>
</template>

<script>
import BaseMixin from "../mixin";

export default {
  name: "StartEndNode",
  mixins: [BaseMixin],
  data() {
    return {
      form: {},
      rules: {},
    };
  },
};
</script>
