import { useEvent, h } from 'atomico';
import './aync-hook.js';
import 'funfix';
import './use-document-title-hook.js';
import { g as getComponentOrDefine } from './chunks/65ef80fe.js';
import '@caedman/gs/dist/global-style';
import './horse-button-comp.js';
import './kun-icon.js';
import './chunks/a234fa33.js';
import './horse-download-box.js';
import '@caedman/kit/dist/use-stylesheet';
import 'lazyload-image';
import './kun-image.js';
import './chunks/19492529.js';
import './chunks/237ddcfd.js';
import './chunks/ee2fcfaa.js';
import './kun-upload-file.js';
import { loginBoxstyle } from './login-component.js';

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/kun-login-box/kun-login-box.tsx";
const KunLoginBox = () => {
  const eventInit = {
    bubbles: true,
    composed: true,
  };
  const dispatchMyEvent = useEvent("LoginEvent", eventInit);
  const dispatchLoginWeibo = useEvent("LoginWeibo", eventInit);

  const handlerLoginWeibo = () => {
    dispatchLoginWeibo({
      // eslint-disable-next-line @typescript-eslint/camelcase
      user_name: "guofucheng",
      password: "wozhiaini",
    });
  };

  return (
    h('host', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 32}}
      , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 33}}, loginBoxstyle)
      , h('div', { className: "login-box-flat", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 34}}
        , h('span', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 35}}, "请打开手机微信扫描二维码确认登录")

        , h('div', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 37}}
          , h('img', { className: "wechat-img", src: "https://file.wintercoming.xyz/wechat-upload.png", alt: "wechat-upload", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 38}} )
        )

        , h('div', { className: "needle-items", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 41}}
          , h('div', { role: "presentation", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 42}}
            , h('span', { className: "needle-item", onclick: handlerLoginWeibo, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 43}}
              , h('kun-icon', { iconType: "weibo", width: 16, height: 16, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 44}} )
            )
          )
        )
      )
    )
  );
};

KunLoginBox.props = {
  message: {
    type: String,
    value: "kun-login-box",
    reflect: true,
    event: {
      type: "changeMessage",
    },
  },
};

var kunLoginBox = getComponentOrDefine("kun-login-box", KunLoginBox);

export default kunLoginBox;
