import { h } from './chunks/d4789960.js';
import './chunks/456564be.js';
import { a as useRef } from './chunks/4ccc6eeb.js';
import { g as getComponentOrDefine } from './chunks/071ed725.js';

var style = ":host {\n}\n\n.avatar {\n  --deckgo-lazy-img-border-radius: 50%;\n  --deckgo-lazy-img-height: 71px;\n  --deckgo-lazy-img-width: 71px;\n}\n\n.author-name {\n  height:28px;\n  font-size:20px;\n  color:rgba(0,0,0,0.85);\n  line-height:28px;\n}\n\n.section-title {\n  font-size:20px;\n  color:rgba(0,0,0,0.85);\n  line-height:28px;\n  margin-bottom: 12px;\n}\n\n.flex-row {\n  display: flex;\n  flex-direction: row;\n}\n\n.flex-column {\n  display: flex;\n  flex-direction: column;\n}\n\n.author-location {\n  margin-top: 4px;\n  display: flex;\n  align-items: center;\n}\n\n.author-content {\n  margin-top: 12px;\n  font-size: 18px;\n  color:rgba(0,0,0,0.85);\n  line-height:33px;\n}\n\n.author-description {\n  margin-left: 8px;\n}\n\n.location {\n  color:rgba(136,136,136,0.85);\n  font-size: 18px;\n  line-height:25px;\n}\n";

const KunSeriesAuthorProfile = props => {
  const ref = useRef();

  if (ref != null && ref.current != null) {
    ref.current.innerHTML = props.needleDescription || "OK";
  }

  return h("host", {
    shadowDom: true
  }, h("style", null, style), h("div", {
    className: "series-content",
    ref: ref
  }), h("div", {
    className: "section-title"
  }, "\u7B80\u4ECB"), props.needleDescription && h("div", {
    className: "series-content",
    ref: ref
  }), h("div", {
    className: "section-title"
  }, "\u4E3B\u8BB2\u8001\u5E08"), h("div", {
    className: "flex-row"
  }, h("deckgo-lazy-img", {
    className: "avatar",
    "deckgo-lazy-img-border-radius": "50%",
    "img-src": props.needleAvatar || "https://pic1.zhimg.com/54b1d8754321c3d42c67bc3e9ab0f3c2_m.jpg"
  }), h("div", {
    className: "flex-column author-description"
  }, h("span", {
    className: "author-name"
  }, props.needleAuthorName), h("span", {
    className: "author-location"
  }, h("span", {
    className: "location"
  }, props.needleAuthorLocation || "暂未填写位置")))), h("div", {
    className: "author-content"
  }, props.needleContent));
};

KunSeriesAuthorProfile.props = {
  needleAvatar: {
    type: String
  },
  needleAvatarName: {
    type: String
  },
  needleAuthorLocation: {
    type: String
  },
  needleContent: {
    type: String
  },
  needleDescription: {
    value: "<h1>dd</h1>",
    type: String,
    reflect: true,
    event: true
  }
};
var kunSeriesAuthorProfile = getComponentOrDefine("kun-series-author-profile", KunSeriesAuthorProfile);

export default kunSeriesAuthorProfile;
//# sourceMappingURL=kun-series-author-profile.js.map
