import { h } from './chunks/d4789960.js';
import './chunks/456564be.js';
import { u as useProp } from './chunks/c26036df.js';
import { u as useEvent } from './chunks/d4058887.js';
import { g as getComponentOrDefine } from './chunks/071ed725.js';

var style = ":host {\n}\n";

const KunLoadMore = ({}) => {
  const [loading] = useProp("loading");
  const [hasMore] = useProp("hasMore");
  const myClick = useEvent("MyClick", {
    composed: true,
    bubbles: true
  });
  return h("host", null, h("style", null, style), h("div", {
    class: "my-4"
  }, loading && h("div", {
    className: "flex flex-row items-center justify-center border cursor-pointer leading-8 rounded border-gray-400 mx-auto text-center h-12 items-center"
  }, "..."), !loading && hasMore && h("div", {
    class: "flex flex-row items-center justify-center border cursor-pointer leading-8 rounded border-gray-400 mx-auto text-center h-12 items-center",
    onclick: () => myClick({})
  }, "\u52A0\u8F7D\u66F4\u591A")));
};

KunLoadMore.props = {
  hasMore: {
    type: Boolean,
    value: true
  },
  loading: {
    type: Boolean,
    value: false,
    reflect: true,
    event: {
      type: "changeMessage"
    }
  }
};
var kunLoadMore = getComponentOrDefine("kun-load-more", KunLoadMore);

export default kunLoadMore;
//# sourceMappingURL=kun-load-more.js.map
