import { Component, h } from "atomico";
import style from "./kun-app-download.css";
import { getComponentOrDefine } from "../../hooks/aync-hook/redirect";

const KunAppDownload: Component = () => (
  <host shadowDom>
    <style>{style}</style>

    <div className="brand-item">
      <div className="">
        <deckgo-lazy-img
          className="brand-login"
          img-src="https://file.wintercoming.xyz/generate.jpeg"
        />
      </div>
      {/* TODO  download app */}
      <div className="right-side">
        <div className="logo-text">
          <span className="brand-name navigate-text">下载马上知识APP</span>
        </div>
        <span className="slogan">随时随地学习和记录体系化知识</span>
      </div>

    </div>
  </host>
);

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

export default getComponentOrDefine("kun-app-download", KunAppDownload);
