import type { TransientPart } from "../../types";

import "./StatusPart.scss";

interface StatusPartProps {
  part: TransientPart;
}

export default function StatusPart({ part }: StatusPartProps) {
  const isRunning = part.status === "running";

  return (
    <div
      className={`chat-message-part-status ${isRunning ? "is-running" : ""}`.trim()}
    >
      <span className="chat-message-part-status-message">
        {isRunning && <span className="chat-message-part-status-dot" />}
        {part.message}
      </span>
    </div>
  );
}