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';

var style = ".icon-learn {\n  background-repeat: no-repeat;\n  cursor: pointer;\n  background-size: contain;\n  background-image: url(\"data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' standalone='no'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg t='1588580430585' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='26232' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200'%3E%3Cdefs%3E%3Cstyle type='text/css'/%3E%3C/defs%3E%3Cpath d='M714.571595 0H201.788536A111.314824 111.314824 0 0 0 90.353242 111.616v757.639529a111.435294 111.435294 0 0 0 111.375059 111.616h512.722824a178.296471 178.296471 0 0 0 178.29647-178.29647V178.296471A178.176 178.176 0 0 0 714.631831 0zM513.265242 528.564706l-88.485647-53.12753-88.485647 53.12753a44.574118 44.574118 0 0 1-67.463529-38.249412V96.376471h312.079059v394.059294a44.694588 44.694588 0 0 1-67.644236 38.128941z' fill='%23FF832F' p-id='26233'/%3E%3C/svg%3E\");\n}\n\n";

const KunDownloadGuide = ({
  slogan,
  productTitle
}) => h("host", null, h("style", null, style), h("div", {
  className: "container flex flex-row items-center w-full justify-around"
}, h("kun-icon", {
  iconType: "logo",
  iconWidth: 100,
  iconHeight: 100
}), h("div", {
  class: "flex flex-col ml-2"
}, h("div", {
  className: "my-2  text-xl font-medium"
}, productTitle), h("div", {
  className: "mb-2"
}, slogan), h("button", {
  type: "button",
  className: "mt-bg-transparent text-sm outline-none hover:bg-orange-500 text-orange-500 font-semibold hover:text-white py-2 px-4 border border-orange-500 hover:border-transparent rounded"
}, "\u4E0B\u8F7D\u5B89\u88C5"))));

KunDownloadGuide.props = {
  productTitle: {
    type: String,
    value: "马上知识",
    reflect: true,
    event: {
      type: "changeMessage"
    }
  },
  slogan: {
    type: String,
    value: "训练营",
    reflect: true,
    event: {
      type: "changeSlogan"
    }
  },
  message: {
    type: String,
    value: "kun-download-guide",
    reflect: true,
    event: {
      type: "changeMessage"
    }
  }
};
var kunDownloadGuide = getComponentOrDefine("kun-download-guide", KunDownloadGuide);

export default kunDownloadGuide;
//# sourceMappingURL=kun-download-guide.js.map
