import { useProp, h } from 'atomico';
import { Option } from 'funfix';
import { g as getComponentOrDefine } from './chunks/65ef80fe.js';
import './kun-icon.js';
import './chunks/a234fa33.js';
import './kun-image-or-default.js';
import '@caedman/kit/dist/use-stylesheet';
import 'lazyload-image';
import './kun-image.js';
import 'dayjs';
import { getKunImageUrl } from './kun-chat-message.js';
import { m as mockStyle } from './chunks/b7110801.js';

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/kun-author-card/kun-author-card.tsx";
const Comp = () => {
  const [userName] = useProp("userName");
  const [userAvatar] = useProp("userAvatar");
  const [description] = useProp("description");
  const userNameChecked = Option.of(userName).getOrElse("用户");

  return (
    h('host', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 19}}
      , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 20}}, mockStyle)
      , h('div', { class: "flex justify-start my-4 items-center"   , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 21}}
        , h('kun-image-or-default', { class: "mr-4", url: getKunImageUrl(userAvatar), width: 65, height: 65, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 22}} )
        , h('div', { class: "flex flex-col justify-start self-start mt-1"    , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 23}}
          , h('div', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 24}}
            , userNameChecked
          )
          , h('div', { class: "text-sm", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 27}}
            , description
          )
        )
      )
    )
  );
};

Comp.props = {
  userName: {
    type: String,
  },
  userAvatar: {
    type: String,
  },
  description: {
    type: String,
  },
};

var kunAuthorCard = getComponentOrDefine("kun-author-card", Comp);

export default kunAuthorCard;
