import template from "./Space.html";
  import style from "antd/lib/space/style/index.css";

  class Space {

      useModules = ["esNgAntd"];
  

      props = { direction: String, size: String };

  
      state = {
          direction: this.props.direction || "horizontal",
          size: this.props.size || 8
      };
  
      template = template;
  

      constructor() {

          esNgAntd.createStyle("ant-space", style);
          $element.removeAttr("ng-class");
          $element.removeAttr("ng-style");
          let childrens = $transclude();
          for (const key in childrens) {
              if (Object.hasOwnProperty.call(childrens, key)) {
                  const children = childrens[key];
                  if (children.nodeType === 1) {
                      let item = angular
                          .element("<div>")
                          .addClass("ant-space-item")
                          .append(children);
                      $element.append(item);
                  }
              }
          }

      }
  }