dumi-theme-lobehub/dist/slots/Header/index.js

dumi-theme-lobehub is a documentation site theme package designed for dumi2. It provides a more beautiful and user-friendly development and reading experience based on @lobehub/ui

import { Header as Head } from '@lobehub/ui';
import { useResponsive } from 'antd-style';
import { memo } from 'react';
import Logo from "dumi/theme/slots/Logo";
import Navbar from "dumi/theme/slots/Navbar";
import SearchBar from "dumi/theme/slots/SearchBar";
import { useSiteStore } from "../../store/useSiteStore";
import Burger from "./Burger";
import DiscordButton from "./DiscordButton";
import GithubButton from "./GithubButton";
import LangSwitch from "./LangSwitch";
import ThemeSwitch from "./ThemeSwitch";
import { jsx as _jsx } from "react/jsx-runtime";
import { Fragment as _Fragment } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var Header = /*#__PURE__*/memo(function () {
  var hasHeader = useSiteStore(function (s) {
    return Boolean(s.routeMeta.frontmatter);
  });
  var _useResponsive = useResponsive(),
    mobile = _useResponsive.mobile;
  if (!hasHeader) return;
  return /*#__PURE__*/_jsx(Head, {
    actions: mobile ? /*#__PURE__*/_jsx(ThemeSwitch, {}) : /*#__PURE__*/_jsxs(_Fragment, {
      children: [/*#__PURE__*/_jsx(SearchBar, {}), /*#__PURE__*/_jsx(DiscordButton, {}), /*#__PURE__*/_jsx(LangSwitch, {}), /*#__PURE__*/_jsx(ThemeSwitch, {}), /*#__PURE__*/_jsx(GithubButton, {})]
    }),
    logo: /*#__PURE__*/_jsx(Logo, {}),
    nav: mobile ? /*#__PURE__*/_jsx(Burger, {}) : /*#__PURE__*/_jsx(Navbar, {})
  });
});
export default Header;