import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Loader2 } from "lucide-react";
import { TimeWithTooltip } from "../../TimeWithTooltip";
export const HeartbeatMessage = ({ message, }) => {
    return (_jsx("div", { className: "px-4 py-2", "data-testid": "agent-heartbeat-message", children: _jsxs("div", { className: "border-feedback-blue bg-feedback-blue-light/80 text-feedback-blue flex items-center gap-2 rounded-md border px-3 py-2 text-[11px]", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin", strokeWidth: 1.5 }), _jsx("span", { className: "min-w-0 flex-1", children: message.content }), message.createdDate && (_jsx(TimeWithTooltip, { date: new Date(message.createdDate), className: "text-feedback-blue shrink-0 text-[10px]" }))] }) }));
};
//# sourceMappingURL=HeartbeatMessage.js.map