export var DivIcon = Icon.extend({
  options: {
    iconSize: [12, 12],
    html: false,
    bgPos: null,
    className: "leaflet-div-icon",
  },
  createIcon: function (oldIcon) {
    var div =
        oldIcon && oldIcon.tagName === "DIV"
          ? oldIcon
          : document.createElement("div"),
      options = this.options;

    if (options.html instanceof Element) {
      empty(div);
      div.appendChild(options.html);
    } else {
      div.innerHTML = options.html !== false ? options.html : "";
    }

    if (options.bgPos) {
      var bgPos = point(options.bgPos);
      div.style.backgroundPosition = -bgPos.x + "px " + -bgPos.y + "px";
    }
    this._setIconStyles(div, "icon");

    return div;
  },

  createShadow: function () {
    return null;
  },
});

export function divIcon(options) {
  return new DivIcon(options);
}