import { useEvent, h } from 'atomico';
import { g as getComponentOrDefine } from './chunks/65ef80fe.js';
import './kun-icon-close.js';

var style = "";

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/kun-edit-tag/kun-edit-tag.tsx";
const KunEditTag = ({ content }) => {
  const emitEvent = useEvent("DeleteTag", { bubbles: true, composed: true });
  const onDelete = () => {
    emitEvent({});
  };
  return (
    h('host', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 12}}
      , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 13}}, style)
      , h('span', { className: "bg-gray-300 max-w-5 px-4 inline-flex flex items-center"     , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 14}}
        , content
        , h('kun-icon-close', { className: "ml-2", onclick: onDelete, height: 20, width: 20, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 16}} )
      )
    )
  );
};

KunEditTag.props = {
  onDeleteTag: {
    type: Function,
  },
  content: {
    type: String,
    value: "财经",
    reflect: true,
    event: {
      type: "changeMessage",
    },
  },
};

var kunEditTag = getComponentOrDefine("kun-edit-tag", KunEditTag);

export default kunEditTag;
