import { h } from './chunks/d4789960.js';
import './chunks/456564be.js';
import { u as useProp } from './chunks/c26036df.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 { m as mockStyle } from './chunks/b7110801.js';

const Comp = () => {
  const [userName] = useProp("userName");
  const [userAvatar] = useProp("userAvatar");
  const [description] = useProp("description");
  const userNameChecked = Option.of(userName).getOrElse("用户");
  return h("host", null, h("style", null, mockStyle), h("div", {
    class: "flex justify-start my-4 items-center"
  }, h("kun-image-or-default", {
    class: "mr-4",
    url: getKunImageUrl(userAvatar),
    width: 65,
    height: 65
  }), h("div", {
    class: "flex flex-col justify-start self-start mt-1"
  }, h("div", null, userNameChecked), h("div", {
    class: "text-sm"
  }, description))));
};

Comp.props = {
  userName: {
    type: String
  },
  userAvatar: {
    type: String
  },
  description: {
    type: String
  }
};
var kunAuthorCard = getComponentOrDefine("kun-author-card", Comp);

export default kunAuthorCard;
//# sourceMappingURL=kun-author-card.js.map
