import React from "react";
import ReplyChatIcon from "../../../../../assets/replyChatIcon.svg";
import "./ReplyBadge.styles.scss";

export const ReplyBadge = ({
  text = "Reply",
  action = "Finalize",
  onReplyClick,
  onActionClick,
  className = "reply-badge",
  showIcon = true,
}) => {
  return (
    <div className={className}>
      <button className="reply-button" onClick={onReplyClick}>
        {showIcon && (
          <img src={ReplyChatIcon} alt="reply" className="reply-icon" />
        )}
        {text}
      </button>

      {action && (
        <button className="action-button" onClick={onActionClick}>
          {action}
        </button>
      )}
    </div>
  );
};
