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';

const style = `
  :host {
    
  }
`;

const KunSeriesListItem = () => {
  const [cardProps] = useProp("kunItem");
  const defaultCard = {
    title: "做一个好人"
  };
  const clickEvent = useEvent("MyClick", {
    composed: true,
    bubbles: true
  });
  const card = Option.of(cardProps).getOrElse(defaultCard);
  return h("host", null, h("style", null, style), h("div", {
    class: "py-4 bg-gray-400 w-full px-8"
  }, h("div", {
    class: "flex flex-row"
  }, h("kun-image-or-default", {
    url: getKunImageUrl(card.coverImageName),
    width: 65,
    height: 65
  }), h("div", {
    className: "ml-2 text-white text-xl cursor-pointer",
    onclick: () => clickEvent({})
  }, h("div", null, card.title), h("div", {
    class: "text-sm text-gray-700"
  }, card.subscriptionCount, "\u4EBA\u53C2\u4E0E")))));
};

KunSeriesListItem.props = {
  kunItem: {
    type: Object,
    reflect: true,
    event: {
      type: "changeMessage"
    }
  },
  message: {
    type: String,
    value: "kun-post-list-heade-dr",
    reflect: true,
    event: {
      type: "changeMessage"
    }
  }
};
var kunSeriesListItem = getComponentOrDefine("kun-series-list-item", KunSeriesListItem);

export default kunSeriesListItem;
//# sourceMappingURL=kun-series-list-item.js.map
