"use strict";

exports.__esModule = true;
exports.default = void 0;

var __vue_render__ = function __vue_render__() {
  var _vm = this;

  var _h = _vm.$createElement;

  var _c = _vm._self._c || _h;

  return _c('div', {
    staticClass: "ks-area-list-select"
  }, [_c('div', {
    staticClass: "ks-area-list-container"
  }, _vm._l(_vm.areaList, function (item) {
    return _c('span', {
      key: item.districtID,
      staticClass: "txtItem"
    }, [_vm._v(" " + _vm._s(item.name) + " "), _c('ks-icon', {
      attrs: {
        "name": "cross"
      },
      on: {
        "click": function click($event) {
          $event.stopPropagation();
          return _vm.remove(item);
        }
      }
    })], 1);
  }), 0)]);
};

var __vue_staticRenderFns__ = [];
var _default2 = {
  render: __vue_render__,
  staticRenderFns: __vue_staticRenderFns__,
  props: {
    areaList: {
      type: Array,
      default: function _default() {}
    }
  },
  methods: {
    remove: function remove(item) {
      // console.error(item, ' remove item')
      this.$emit('remove', item);
    }
  }
};
exports.default = _default2;