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

var style = ":host {\n}\n\n.kun-navigator-logo-title {\n  font-weight: 800;\n  font-size: 24px;\n  color: rgba(0,33,64,1);\n}\n\n.icon-with-name {\n  margin-right: 50px;\n  color: rgba(137, 137, 137, 1);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n.menu {\n  display: flex;\n  align-items: center;\n}\n\n.header-message-icon {\n  width: 24px;\n  height: 24px;\n  background-size: cover;\n  background-image: url(\"data:image/svg+xml,%3Csvg t='1573745253123' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6248' width='200' height='200'%3E%3Cpath d='M633 798.1c0 66.5-53.9 120.5-120.5 120.5S392 864.6 392 798.1h241zM809.4 674.2c-43.7-54.7-69.1-95.6-71.7-165.5l-7.2-193.2c0-26.5-0.4-203.8-222.7-194.4-97 0-178.9 64.3-205.6 152.6-5.7 15.4-10.2 66.6-10.2 69l-5.5 165.6c-2.3 70.4-28.1 111.6-71.8 166.9-7.3 9.2-13.6 18.8-19 28.7-18.2 34 6.1 75.1 44.7 75.1h543.9c38.6 0 62.9-41.2 44.7-75.1-5.4-10.2-12-20.2-19.6-29.7z' fill='%23898989' p-id='6249'%3E%3C/path%3E%3C/svg%3E\");\n}\n";

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/kun-navigator/kun-navigator.tsx";
const KunNavigator = ({ name }) => {
  const clickMessage = () => {
    redirect("/global-style");
  };
  return (
    h('host', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 10}}
      , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 11}}, style)
      , h('nav', { className: "flex items-center justify-between flex-wrap w-auto on inline-block element"       , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 12}}
        , h('div', { class: "flex items-center flex-shrink-0 text-white mr-6"    , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 13}}
          , h('img', { src: "https://www.xunlianying.vip/web/plume/assets/logo.png", className: "kun-navigator-image-logo", alt: "logo", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 14}} )
          , h('span', { className: "font-semibold text-xl tracking-tight kun-navigator-logo-title"   , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 15}}, name)
        )
        , h('div', { class: "block lg:hidden" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 17}} )
        , h('div', { class: "w-full block flex-grow lg:flex lg:items-center lg:w-auto"     , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 18}}
          , h('div', { class: "text-sm lg:flex-grow" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 19}}
            , h('a', {
              href: "#responsive-header",
              className: "block mt-4 lg:inline-block lg:mt-0 text-teal-200 hover:text-white mr-4"      , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 20}}
            , "发现"

            )
            , h('a', {
              href: "#responsive-header",
              className: "block mt-4 lg:inline-block lg:mt-0 text-teal-200 hover:text-white mr-4"      , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 26}}
            , "Examples"

            )
            , h('a', { href: "#responsive-header", className: "block mt-4 lg:inline-block lg:mt-0 text-teal-200 hover:text-white"     , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 32}}, "专辑"

            )
          )
          , h('div', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 36}}
            , h('span', { className: "icon-with-name", onclick: clickMessage, role: "presentation", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 37}}
              , h('div', { className: "message-icon icon" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 38}} ), "消息"

            )
          )
        )
      )
    )
  );
};

KunNavigator.props = {
  name: {
    type: String,
    value: "马上训练营",
    reflect: true,
    event: {
      type: "changeMessage",
    },
  },
  message: {
    type: String,
    value: "kun-navigator",
    reflect: true,
    event: {
      type: "changeMessage",
    },
  },
};

var kunNavigator = getComponentOrDefine("kun-navigator", KunNavigator);

export default kunNavigator;
