import { h } from 'atomico';
import { g as getComponentOrDefine } from './chunks/65ef80fe.js';

var style = ".brand-item {\n  margin-left: 14px;\n  display: flex;\n}\n\n.brand-name {\n  margin-right: 8px;\n}\n\n.logo-text {\n  height: 35px;\n  line-height: 35px;\n  align-items: center;\n  display: flex;\n  justify-content: flex-start;\n}\n\n.right-side {\n  padding-top: 6px;\n  margin-left: 6px;\n}\n\n.brand-login {\n  --deckgo-lazy-img-border-radius: 8px;\n  --deckgo-lazy-img-height: 65px;\n  --deckgo-lazy-img-width: 65px;\n}\n\n.slogan {\n  font-size:15px;\n  color:rgba(124,124,124,1);\n  line-height:21px;\n}\n\n.login-box {\n  background:rgba(255,255,255,1);\n  box-shadow:0px 3px 19px 0px rgba(223,223,223,0.5);\n  border-radius:5px;\n}\n\n.navigate-text {\n  cursor: pointer;\n}\n\n";

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/kun-app-download/kun-app-download.tsx";
const KunAppDownload = () => (
  h('host', { shadowDom: true, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 6}}
    , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 7}}, style)

    , h('div', { className: "brand-item", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 9}}
      , h('div', { className: "", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 10}}
        , h('deckgo-lazy-img', {
          className: "brand-login",
          'img-src': "https://file.wintercoming.xyz/generate.jpeg", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 11}}
        )
      )
      /* TODO  download app */
      , h('div', { className: "right-side", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 17}}
        , h('div', { className: "logo-text", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 18}}
          , h('span', { className: "brand-name navigate-text" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 19}}, "下载马上知识APP")
        )
        , h('span', { className: "slogan", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 21}}, "随时随地学习和记录体系化知识")
      )

    )
  )
);

KunAppDownload.props = {
  message: {
    type: String,
    value: "kun-app-download",
    reflect: true,
    event: {
      type: "changeMessage",
    },
  },
};

var kunAppDownload = getComponentOrDefine("kun-app-download", KunAppDownload);

export default kunAppDownload;
