import { h } from './chunks/d4789960.js';
import './chunks/456564be.js';
import './chunks/c26036df.js';
import './chunks/4ccc6eeb.js';
import { g as getComponentOrDefine } from './chunks/071ed725.js';
import './chunks/23e44913.js';
import './chunks/d76d6172.js';
import './kun-icon.js';
import { C as CONST_SIX_CONFIG } from './chunks/cd857e99.js';

const style = `
  .horse-button {
    cursor: pointer;
    outline: none;
    padding: 0 39px;
    font-size: 18px;
    border: none;
    line-height: 40px;
    color: white;
    height:40px;
    background:rgba(255,157,3,1);
  }
.horse-button:hover {
  opacity: 0.7;
}

.horse-small.horse-button {
  height: 35px;
  font-size: 16px;
  line-height: 35px;
  padding: 0 15px;
}

.horse-button {
  cursor: pointer;
  outline: none;
  padding: 0 39px;
  font-size: 18px;
  border: none;
  line-height: 40px;
  color: white;
  height: 40px;
  background: rgba(255, 157, 3, 1);
}

.button-pure {
  background: rgba(255, 255, 255, 1);
  border-radius: 5px;
  border: 1px solid rgba(233, 233, 233, 1);
  color: rgba(156, 156, 156, 1);
}

.button-outline {
  background: rgba(255, 255, 255, 1);
  border-radius: 18px;
  border: 1px solid rgba(255, 167, 47, 1);
  color: rgba(232, 139, 13, 1);
}
`;

const HorseButtonHook = props => h("host", null, h("section", {
  className: "button-item",
  styleSheet: style
}, h("style", null, style), h("button", {
  onclick: props.onDownload,
  type: props.htmlType ? props.htmlType : "button",
  className: `button-${props.theme ? props.theme : "button-primary"}  horse-button ${props.small ? "horse-small" : "horse-normal"}`
}, props.content)));

HorseButtonHook.props = {
  small: {
    type: Boolean,
    reflect: true
  },
  content: {
    type: String,
    reflect: true
  }
};
getComponentOrDefine("horse-button-hook", HorseButtonHook);

const style$1 = `
    .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
  }, h("style", null, style$1), h("div", {
    className: "brand-item"
  }, h("div", {
    className: "kun-logo-icon"
  }, h("kun-icon", {
    iconType: "logo",
    width: 65,
    height: 65
  })), h("div", {
    className: "right-side"
  }, h("div", {
    className: "logo-text"
  }, h("div", {
    className: "brand-name navigate-text",
    role: "presentation",
    onclick: navigate2Home
  }, CONST_SIX_CONFIG.name)), h("span", {
    className: "slogan"
  }, CONST_SIX_CONFIG.slogan))));
};

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

export default horseDownloadBox;
//# sourceMappingURL=horse-download-box.js.map
