import React from "react";
import PropTypes from "prop-types";
import cn from "classnames";

export interface ICloudBeesNavigationItemSubtextProps {
  ["data-testid"]?: string;
  className?: string;
  children?: React.ReactNode | React.ReactNode[];
}

const CloudBeesNavigationItemSubtext = (props: ICloudBeesNavigationItemSubtextProps) => {
  const { children, className } = props;

  const testId = props["data-testid"] || "honeyui-cloudbees-navigation-item-subtext";

  return (
    <div className={className} data-testid={testId}>
      {children}
    </div>
  );
};

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

CloudBeesNavigationItemSubtext.displayName = "Cloudbees Navigation Item Subtext";

export default CloudBeesNavigationItemSubtext;