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

var style = ":host {\n}\n";

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/kun-download-footer/kun-download-footer.tsx";
// TODO download
const KunDownloadFooter = () => (
  h('host', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 8}}
    , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 9}}, style)
    , h('div', { className: "inline-flex justify-between container"  , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 10}}
      , h('span', { className: "min-w inline-flex items-center"  , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 11}}
        , h('kun-icon', { title: "logo", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 12}} )
        , h('div', { className: "flex flex-col py-2"  , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 13}}
          , h('div', { className: "font-medium", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 14}}, "马上知识")
          , h('dix', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 15}}, "体系化训练,学习更有趣")
        )
      )
      , h('div', { className: "flex items-center" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 18}}
        , h('button', { type: "button", className: "bg-transparent hover:bg-blue-500 text-blue-700 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded"          , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 19}}, "打开"

        )
      )
    )
  )
);

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

var kunDownloadFooter = getComponentOrDefine("kun-download-footer", KunDownloadFooter);

export default kunDownloadFooter;
