code: function DropdownItem({
    className,
    icon,
    value,
    children,
    badge,
    badgeType,
    to,
    RootComponent,
    onClick,
  }: Props): React.Node {
    const classes = cn({ "dropdown-item": true }, className);
    const childrenForAll = (
      <React.Fragment>
        {badge && (
          <span className="float-right">
            <Badge color={badgeType}>{badge}</Badge>
          </span>
        )}
        {icon && (
          <React.Fragment>
            <Icon name={icon} className="dropdown-icon" />{" "}
          </React.Fragment>
        )}
        {value}
        {children}
      </React.Fragment>
    );
    return RootComponent ? (
      <RootComponent className={classes} to={to} onClick={onClick}>
        {childrenForAll}
      </RootComponent>
    ) : (
      <a className={classes} href={to} onClick={onClick}>
        {childrenForAll}
      </a>
    );
  }
docs: An individual item that should be contained within a Dropdown.Menu