import { h } from './chunks/d4789960.js';
import './chunks/456564be.js';
import { g as getComponentOrDefine } from './chunks/071ed725.js';
import './kun-rating.js';

var style = ":host {\n}\n\n.series-img {\n  width:101px;\n  height:134px;\n  background:rgba(49,164,255,1);\n  border-radius:10px;\n}\n\n.series-item-container {\n  padding: 12px 20px;\n  display: flex;\n  justify-content: space-between;\n}\n\n.series-item-left {\n  display: flex;\n  flex-direction: row;\n}\n\n.series-detail {\n  margin-left: 8px;\n}\n\n.series-title {\n  font-size:23px;\n  font-weight:800;\n  color:rgba(28,29,32,1);\n  line-height:31px;\n}\n\n.description {\n  color:rgba(185,185,185,1);\n}\n\n.series-tags {\n  margin: 10px 0;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.series-tag {\n  margin-right: 4px;\n  height: 28px;\n  display: block;\n  overflow: hidden;\n  background:rgba(255,148,52,0.07);\n  border-radius:6px;\n  padding: 0 10px ;\n  color:rgba(255,148,52,1);\n  font-size:13px;\n  line-height: 28px;\n}\n\n.learn-plan-setting {\n  display: flex;\n  width: 200px;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-end;\n}\n\n.learn-by-day-text {\n  width: 100px;\n}\n\n.learn-by-day {\n  align-items: center;\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: flex-end;\n}\n\n.star-rating {\n  padding: 15px 0;\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.count-num {\n  margin-left: 6px;\n  font-size: 18px;\n}\n\n.price {\n  font-size:36px;\n  color:rgba(254,75,75,1);\n  line-height:55px;\n}\n\n.subscribe-btn {\n  cursor: pointer;\n  outline: none;\n  border: none;\n  font-size:19px;\n  padding: 0 30px;\n  color: white;\n  height:43px;\n  line-height: 43px;\n  background:linear-gradient(90deg,rgba(255,174,1,1) 0%,rgba(255,141,0,1) 100%);\n  border-radius:48px;\n}\n\n.subscribe-btn:hover {\n  opacity: 0.8;\n}\n\n";

function KunSeriesMeta(props) {
  return h("host", {
    shadowDom: true
  }, h("style", null, style), h("div", {
    className: "series-item-container"
  }, h("div", {
    className: "series-item-left"
  }, h("div", {
    className: "series-img"
  }, h("deckgo-lazy-img", {
    class: "series-img",
    "img-src": props.needleSeriesCover || "https://upload.jianshu.io/book/image/d6c850c6-13f5-408a-ba3c-fb3b4ef631c3?imageMogr2/auto-orient/strip|imageView2/1/w/214/h/286"
  })), h("div", {
    className: "series-detail"
  }, h("div", {
    className: "series-title"
  }, props.needleSeriesName), h("div", {
    className: "star-rating"
  }, h("kun-rating", {
    needlePercentage: props.needleStarScore
  }), h("span", {
    className: "count-num"
  }, props.needleStarCount, "\u4EBA\u8BC4\u4EF7")), h("div", {
    className: "series-tags"
  }, (props.needleTags || []).map(r => h("span", {
    className: "series-tag"
  }, r))), h("span", {
    className: "description"
  }, props.needleCardCount, "\u4E2A\u5361\u7247|", props.needleSubscriptionCount, "\u5DF2\u5B66"))), h("div", {
    className: "learn-plan-setting"
  }, h("deckgo-lazy-img", {
    class: "avatar",
    "img-src": props.needleAuthorAvatar || "https://upload.jianshu.io/book/image/d6c850c6-13f5-408a-ba3c-fb3b4ef631c3?imageMogr2/auto-orient/strip|imageView2/1/w/214/h/286"
  }), props.needleAuthorName, h("span", {
    className: "price"
  }, "\u514D\u8D39"), h("button", {
    className: "subscribe-btn",
    type: "button"
  }, "\u8BA2\u9605"))));
}
KunSeriesMeta.props = {
  needleSeriesName: {
    type: String
  },
  needleAuthorName: {
    type: String
  },
  needleSeriesType: {
    type: String
  },
  needleSeriesId: {
    type: Number
  },
  needleAuthorAvatar: {
    type: String
  },
  needleStarScore: {
    type: Number
  },
  needleStarCount: {
    type: String
  },
  needleSeriesCover: {
    type: String
  },
  needleCardCount: {
    type: Number
  },
  needleSubscriptionCount: {
    type: Number
  },
  needleTags: {
    type: Array
  }
};
var kunSeriesMeta = getComponentOrDefine("kun-series-meta", KunSeriesMeta);

export default kunSeriesMeta;
export { KunSeriesMeta };
//# sourceMappingURL=kun-series-meta.js.map
