import { h } from 'atomico';
import 'funfix';
import { g as getComponentOrDefine } from './chunks/65ef80fe.js';
import './horse-button-comp.js';
import './kun-icon.js';
import { C as CONST_SIX_CONFIG } from './chunks/a234fa33.js';

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/horse-download-box/horse-download-box.tsx";
const style = `
    .brand-item {
        display: flex;
        align-items: center;
    }
    
    .brand-name {
        margin-right: 8px;
    }
    
    .logo-text {
        height: 35px;
        line-height: 35px;
        align-items: center;
        display: flex;
        justify-content: flex-start;
    }
    
    .right-side {
        padding-top: 6px;
        margin-left: 6px;
    }
    
    .brand-login {
      --deckgo-lazy-img-border-radius: 8px;
      --deckgo-lazy-img-height: 65px;
      --deckgo-lazy-img-width: 65px;
    }
    
    .slogan {
        font-size:15px;
        color:rgba(124,124,124,1);
        line-height:21px;
    }
    .login-box {
        width: 400px;
        height: 400px;
        background:rgba(255,255,255,1);
        box-shadow:0px 3px 19px 0px rgba(223,223,223,0.5);
        border-radius:5px;
    }
    
    .navigate-text {
        cursor: pointer;
    }
    
    .kun-logo-icon {
    }
`;

const HorseDownloadLogo = () => {
  const navigate2Home = () => {
    // eslint-disable-next-line no-undef
    window.location.replace("/web/plume/moment");
  };

  return (
    h('host', { shadowDom: true, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 64}}
      , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 65}}, style)
      , h('div', { className: "brand-item", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 66}}
        , h('div', { className: "kun-logo-icon", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 67}}
          , h('kun-icon', { iconType: "logo", width: 65, height: 65, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 68}} )
        )
        , h('div', { className: "right-side", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 70}}
          , h('div', { className: "logo-text", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 71}}
            , h('div', { className: "brand-name navigate-text" , role: "presentation", onclick: navigate2Home, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 72}}, CONST_SIX_CONFIG.name)
          )
          , h('span', { className: "slogan", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 74}}, CONST_SIX_CONFIG.slogan)
        )
      )
    )
  );
};

var horseDownloadBox = getComponentOrDefine("horse-download-box", HorseDownloadLogo);

export default horseDownloadBox;
