All files / src/menu MenuGroup.tsx

100% Statements 2/2
100% Branches 0/0
100% Functions 1/1
100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39                                              3x 3x                            
import React from "react";
import classNames from "classnames";
import { StyledProps } from "../_type";
import { useConfig } from "../_util/config-context";
 
export interface MenuGroupProps extends StyledProps {
  /**
   * 标题
   */
  title?: React.ReactNode;
 
  /**
   * 菜单内容(Menu.SubMenu 或 Menu.Item)
   */
  children?: React.ReactNode;
}
 
export function MenuGroup({
  title,
  children,
  className,
  style,
}: MenuGroupProps) {
  const { classPrefix } = useConfig();
  return (
    <>
      <li
        className={classNames(`${classPrefix}-menu__label`, className)}
        style={style}
      >
        <a className={`${classPrefix}-menu__item`}>
          <div className={`${classPrefix}-menu__text`}>{title}</div>
        </a>
      </li>
      {children}
    </>
  );
}