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 './chunks/4ccc6eeb.js';
import { g as getComponentOrDefine } from './chunks/071ed725.js';
import './chunks/23e44913.js';
import { O as Option } from './chunks/a02c5734.js';
import './chunks/d76d6172.js';
import './kun-icon.js';
import './chunks/cd857e99.js';
import './kun-image-or-default.js';
import './chunks/e5702756.js';
import './kun-image.js';
import { g as getKunImageUrl } from './chunks/8c68f334.js';
import './kun-button-puer.js';

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

const KunSeeSeriesItem = () => {
  const [kunSeriesProp] = useProp("kunSeries");
  const MyClick = useEvent("MyClick", {
    bubbles: true,
    composed: true
  });
  const series = Option.of(kunSeriesProp).getOrElse({
    title: "有限次",
    subscriptionCount: 100,
    cardCount: 1000
  });

  const onclickTo = () => {
    MyClick({});
  };

  return h("host", null, h("style", null, style), h("div", {
    class: "border-solid rounded flex flex-row"
  }, h("div", {
    class: "flex-none"
  }, h("kun-image-or-default", {
    url: getKunImageUrl(series.coverImageName),
    width: 56,
    height: 56
  })), h("div", {
    class: "w-full flex flex-row justify-between px-4"
  }, h("div", {
    class: "flex flex-col "
  }, h("div", {
    class: "text-xl cursor-pointer text-xl",
    onclick: () => onclickTo()
  }, series.title), h("div", {
    className: "flex inline-flex mt-2"
  }, h("span", null, "\u5361\u7247", series.cardCount), h("span", null, "\u4EBA\u6570", series.subscriptionCount))), h("div", {
    class: "w-34"
  }, h("kun-button-puer", {
    needleContent: "\u67E5\u770B"
  })))));
};

KunSeeSeriesItem.props = {
  kunSeries: {
    type: Object
  }
};
var kunSeeSeriesItem = getComponentOrDefine("kun-see-series-item", KunSeeSeriesItem);

export default kunSeeSeriesItem;
//# sourceMappingURL=kun-see-series-item.js.map
