import React from "react";
import { Button } from "../../../../Button";
import PlusIcon from "@mui/icons-material/Add";

export const ChatHeaderButton = ({
  onClick,
  label = "Chat",
  icon = <PlusIcon fontSize="small" />,
  variant = "contained",
  size = "large",
  className = "chat-button",
  type = "button",
  ...props
}) => {
  return (
    <Button
      size={size}
      variant={variant}
      icon={icon}
      className={className}
      onClick={onClick}
      {...props}
    >
      {label}
    </Button>
  );
};
