import React from "react";

export const ChatIconButton = ({
  icon,
  onClick,
  ariaLabel,
  className = "nav-icon-button",
  size = "small",
  disabled = false,
  ...props
}) => {
  return (
    <button
      className={className}
      onClick={onClick}
      aria-label={ariaLabel}
      disabled={disabled}
      {...props}
    >
      {React.cloneElement(icon, { fontSize: size })}
    </button>
  );
};
