import { useProp, h } from 'atomico';
import { g as getComponentOrDefine } from './chunks/65ef80fe.js';
import { GlobalConfig } from '@caedman/gs/dist/aync-hook';

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/kun-website-footer/kun-website-footer.tsx";
const style = `
  .main {
    max-width: ${GlobalConfig.maxWidth}px;
  }
  
.footer {
    display: flex;
    width: 100%;
    line-height: 40px;
    padding: 0 20px;
    justify-content: space-between;
    background: #f2f2f5;
    color: #807c7c;
    border-top-style: solid;
    border-top-width: 1px;
}
`;
const KunWebsiteFooter = () => {
  const [content] = useProp("content");
  const [beiAnHao] = useProp("beiAnHao");

  const redirectBeiAn = () => {
    window.open("http://www.beian.miit.gov.cn/", "_blank");
  };

  const goToFeeBack = () => {
    window.open("http://thanks.wintercoming.xyz", "_blank");
  };

  return (
    h('host', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 35}}
      , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 36}}, style)
      , h('div', { className: "footer h-16 flex items-center border-gray-400"    , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 37}}
        , h('div', { class: "flex mx-auto items-center main justify-between w-full"     , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 38}}
          , h('div', { class: "flex items-center" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 39}}
            , h('span', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 40}}, content)
            , h('span', { class: "cursor-pointer ml-4" , onclick: goToFeeBack, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 41}}, "意见反馈")
          )
          , h('span', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 43}}
            , h('span', { class: "hover:opacity-75 cursor-pointer" , onclick: redirectBeiAn, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 44}}
              , beiAnHao
              , " ", "深圳翼行客科技有限责任公司"

            )
          )
        )
      )
      , h('global-style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 52}} )
    )
  );
};

KunWebsiteFooter.props = {
  beiAnHao: {
    type: String,
    value: "粤 ICP备 18125092号-2",
    reflect: true,
  },
  content: {
    type: String,
    value: "马上训练营 @2020",
    reflect: true,
    event: {
      type: "changeMessage",
    },
  },
};

var kunWebsiteFooter = getComponentOrDefine("kun-website-footer", KunWebsiteFooter);

export default kunWebsiteFooter;
