import { useProp, h } from 'atomico';
import 'funfix';
import { g as getComponentOrDefine } from './chunks/65ef80fe.js';
import './kun-icon.js';
import '@caedman/kit/dist/use-stylesheet';
import 'lazyload-image';
import './kun-image.js';

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

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/kun-member-info/kun-member-info.tsx";
const KunMemberInfo = () => {
  const [avatar] = useProp("avatar");
  const [nickName] = useProp("nickName");

  return (
    h('host', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 11}}
      , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 12}}, style)
      , h('div', { class: "flex flex-col member-info w-16 items-center"    , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 13}}
        , h('kun-image', { cls: "kun-image-avatar", className: "kun-avatar-dropdown", width: 46, height: 46, url: avatar, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 14}} )
        , h('div', { class: "truncate text-sm p-2 text-center"   , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 15}}, nickName)
      )
    )
  );
};

KunMemberInfo.props = {
  avatar: {
    type: String,
  },
  nickName: {
    type: String,
  },
};

var kunMemberInfo = getComponentOrDefine("kun-member-info", KunMemberInfo);

export default kunMemberInfo;
