import { h } from './chunks/d4789960.js';
import './chunks/456564be.js';
import './chunks/c26036df.js';
import './chunks/d4058887.js';
import './chunks/4ccc6eeb.js';
import { g as getComponentOrDefine, r as redirect } from './chunks/071ed725.js';
import './chunks/23e44913.js';
import './chunks/d76d6172.js';
import './kun-icon.js';
import './kun-button-puer.js';

const style = `
.profile-header {
 height: 305px;
 position: relative;
}

 .user-img {
      --deckgo-lazy-img-border-radius: 8px;
      --deckgo-lazy-img-height: 150px;
      --deckgo-lazy-img-width: 150px;
 }
 
 .img-header {
  height: 165px;
  width： 100%;
  background-image: url("https://file.wintercoming.xyz/1.jpg");
 }
 
 .action {
   color:rgba(153,153,153,1);
   line-height:25px;
   font-size: 18px;
 }
 
 .counts {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
 }
 
 .profile-name {
     display:flex;
     justify-content: flex-start;
 }

 .authorName {
    font-size: 32px;
    color:rgba(40,40,40,1);
    line-height:46px;
    margin-bottom: 10px;
 }
 
 .bottom-aligns {
  padding: 0 10px 20px 28px;
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
}

  .name-area {
    display: flex;
    margin-left: 34px;
    flex-direction: column;
    justify-content: flex-end;  
 }
 
 .num {
  color:rgba(40,40,40,1);
  line-height:35px;
  font-size: 25px;
 }
 
 .vd {
  width: 1px;
  margin-top: 5%;
  background-color: rgba(226, 226, 226, 1);
  height: 60%;
  margin: 0 25px;
 }

`;
/**
 * @param {object} props
 * @param {string} props.needleTitle
 *
 */

function KunProfileHeader(props) {
  const goToEditProfile = () => {
    redirect("/web/plume/profile");
  };

  return h("host", {
    shadowDom: true
  }, h("style", null, style), h("div", {
    className: "profile-header"
  }, h("div", {
    className: "img-header"
  }), h("div", {
    className: "bottom-aligns"
  }, h("div", {
    className: "profile-name"
  }, h("deckgo-lazy-img", {
    className: "user-img",
    "img-src": props.seriesCover || "https://upload.jianshu.io/book/image/d6c850c6-13f5-408a-ba3c-fb3b4ef631c3?imageMogr2/auto-orient/strip|imageView2/1/w/214/h/286"
  }), h("div", {
    className: "name-area"
  }, h("span", {
    className: "authorName"
  }, props.needleTitle), h("div", {
    className: "counts"
  }, h("div", null, h("span", {
    className: "num"
  }, "333"), h("div", {
    className: "action"
  }, "\u5173\u6CE8")), h("div", {
    className: "vd"
  }), h("div", null, h("span", {
    className: "num"
  }, "333"), h("div", {
    className: "action"
  }, "\u5173\u6CE8")), h("div", {
    className: "vd"
  }), h("div", null, h("span", {
    className: "num"
  }, "333"), h("div", {
    className: "action"
  }, "\u4E13\u8F91"))))), h("kun-button-puer", {
    needleContent: "\u7F16\u8F91\u4E2A\u4EBA\u8D44\u6599",
    onclick: () => goToEditProfile()
  }))));
}
KunProfileHeader.props = {
  needleTitle: {
    type: String,
    value: "kun-profile-header",
    reflect: true,
    event: {
      type: "changeMessage"
    }
  }
};
var kunProfileHeader = getComponentOrDefine("kun-profile-header", KunProfileHeader);

export default kunProfileHeader;
export { KunProfileHeader };
//# sourceMappingURL=kun-profile-header.js.map
