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 './chunks/a02c5734.js';
import './chunks/d76d6172.js';
import './kun-icon.js';
import './chunks/e5702756.js';
import './kun-image.js';

var style = ":host {\n}\n\n.member-info {\n  width: -webkit-min-content;\n  width: min-content;\n}\n\n.kun-image-avatar {\n  border-radius: 50%;\n}\n";

const KunMemberInfo = () => {
  const [avatar] = useProp("avatar");
  const [nickName] = useProp("nickName");
  return h("host", null, h("style", null, style), h("div", {
    class: "flex flex-col member-info w-16 items-center"
  }, h("kun-image", {
    cls: "kun-image-avatar",
    className: "kun-avatar-dropdown",
    width: 46,
    height: 46,
    url: avatar
  }), h("div", {
    class: "truncate text-sm p-2 text-center"
  }, nickName)));
};

KunMemberInfo.props = {
  avatar: {
    type: String
  },
  nickName: {
    type: String
  }
};
var kunMemberInfo = getComponentOrDefine("kun-member-info", KunMemberInfo);

export default kunMemberInfo;
//# sourceMappingURL=kun-member-info.js.map
