import React from "react";
import cn from "classnames";
import Icon from "../icon/icon";

export interface ICloudBeesNavigationIconProps {
  ["data-testid"]?: string;
  className?: string;
  id: string;
  viewBox?: string;
}

const CloudBeesNavigationIcon = ({
  className,
  id,
  viewBox,
  ...props
}: ICloudBeesNavigationIconProps) => {
  const testId = props["data-testid"] || "honeyui-cloudbees-navigation-icon";

  return (
    <Icon
      {...props}
      id={id}
      viewBox={viewBox}
      size="md"
      currentColor={true}
      className={cn("flex-shrink-0", className)}
      data-testid={testId}
    />
  );
};

CloudBeesNavigationIcon.displayName = "Cloudbees Navigation Icon";

export default CloudBeesNavigationIcon;