import * as React from 'react'; import { ConfigContext } from '../config-provider'; type CompoundedComponent = React.FC<React.PropsWithChildren> & { /** @internal */ __ANT_BREADCRUMB_SEPARATOR: boolean; }; const BreadcrumbSeparator: CompoundedComponent = ({ children }) => { const { getPrefixCls } = React.useContext(ConfigContext); const prefixCls = getPrefixCls('breadcrumb'); return ( <li className={`${prefixCls}-separator`} aria-hidden="true"> {children === '' ? children : children || '/'} </li> ); }; BreadcrumbSeparator.__ANT_BREADCRUMB_SEPARATOR = true; export default BreadcrumbSeparator;