import { h } from './chunks/d4789960.js';
import './chunks/456564be.js';
import { u as useEvent } from './chunks/d4058887.js';
import { g as getComponentOrDefine } from './chunks/071ed725.js';
import './kun-icon-close.js';

var style = "";

const KunEditTag = ({
  content
}) => {
  const emitEvent = useEvent("DeleteTag", {
    bubbles: true,
    composed: true
  });

  const onDelete = () => {
    emitEvent({});
  };

  return h("host", null, h("style", null, style), h("span", {
    className: "bg-gray-300 max-w-5 px-4 inline-flex flex items-center"
  }, content, h("kun-icon-close", {
    className: "ml-2",
    onclick: onDelete,
    height: 20,
    width: 20
  })));
};

KunEditTag.props = {
  onDeleteTag: {
    type: Function
  },
  content: {
    type: String,
    value: "财经",
    reflect: true,
    event: {
      type: "changeMessage"
    }
  }
};
var kunEditTag = getComponentOrDefine("kun-edit-tag", KunEditTag);

export default kunEditTag;
//# sourceMappingURL=kun-edit-tag.js.map
