dumi-theme-lobehub/dist/slots/Logo/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 { Avatar } from '@lobehub/ui';
import { LobeHub as SiteLogo } from '@lobehub/ui/brand';
import { Space } from 'antd';
import { useResponsive } from 'antd-style';
import { Link } from 'dumi';
import isEqual from 'fast-deep-equal';
import { memo } from 'react';
import { siteSelectors } from "../../store";
import { useSiteStore } from "../../store/useSiteStore";
import { useStyles } from "./style";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var Logo = /*#__PURE__*/memo(function () {
  var config = useSiteStore(siteSelectors.themeConfig, isEqual);
  var locale = useSiteStore(function (s) {
    return s.locale;
  }, isEqual);
  var _useStyles = useStyles(),
    styles = _useStyles.styles,
    cx = _useStyles.cx;
  var _useResponsive = useResponsive(),
    mobile = _useResponsive.mobile;
  return config && /*#__PURE__*/_jsx(Link, {
    className: cx(styles),
    to: 'base' in locale ? locale.base : '/',
    children: config.logo ? /*#__PURE__*/_jsxs(Space, {
      children: [/*#__PURE__*/_jsx(Avatar, {
        avatar: config.logo,
        size: mobile ? 32 : 36
      }), config.name]
    }) : /*#__PURE__*/_jsx(SiteLogo, {
      extra: config.name,
      size: mobile ? 32 : 36,
      type: config.logoType || 'combine'
    })
  });
});
export default Logo;