ant-design/components/menu/MenuDivider.tsx

import * as React from 'react';
import { Divider } from '@rc-component/menu';
import { clsx } from 'clsx';

import { ConfigContext } from '../config-provider';

export interface MenuDividerProps extends React.HTMLAttributes<HTMLLIElement> {
  className?: string;
  prefixCls?: string;
  style?: React.CSSProperties;
  dashed?: boolean;
}

const MenuDivider: React.FC<MenuDividerProps> = (props) => {
  const { prefixCls: customizePrefixCls, className, dashed, ...restProps } = props;
  const { getPrefixCls } = React.useContext(ConfigContext);

  const prefixCls = getPrefixCls('menu', customizePrefixCls);

  const classString = clsx({ [`${prefixCls}-item-divider-dashed`]: !!dashed }, className);

  return <Divider className={classString} {...restProps} />;
};

export default MenuDivider;