import React from "react";
import BlockIcon from "@mui/icons-material/Block";
import "./DeletedMessage.styles.scss";

export const ChatDeletedMessageType = ({ timestamp, isUser = false }) => {
  return (
    <div
      className={`deleted-message ${
        isUser ? "user-deleted-message" : "assistant-deleted-message"
      }`}
    >
      <div className="deleted-message-content">
        <BlockIcon className="delete-icon" />
        <span className="deleted-text">This message was deleted</span>
      </div>
      {timestamp && <span className="deleted-timestamp">{timestamp}</span>}
    </div>
  );
};
