import React from "react";
import PropTypes from "prop-types";
import ListGroupItem, { IListGroupItemProps } from "../list/list-group-item";

export interface ICloudBeesNavigationHeaderProps extends IListGroupItemProps {
  ["data-testid"]?: string;
  children?: React.ReactNode | React.ReactNode[];
}

const CloudBeesNavigationHeader = ({
  children,
  "data-testid": testId = "honeyui-cloudbees-navigation-header",
  ...props
}: ICloudBeesNavigationHeaderProps) => {
  return (
    <ListGroupItem {...props} data-testid={testId}>
      {children}
    </ListGroupItem>
  );
};

CloudBeesNavigationHeader.propTypes = {
  className: PropTypes.string
};

CloudBeesNavigationHeader.displayName = "Cloudbees Navigation Header";

export default CloudBeesNavigationHeader;
