import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { AlertCircle } from "lucide-react";
import { formatAgentCost } from "../agentCost";
export const AgentErrorBanner = ({ message, }) => {
    if (!message)
        return null;
    return (_jsx("div", { className: "border-feedback-red bg-feedback-red-light text-feedback-red m-3 rounded border p-3 text-[11px] select-text", "data-testid": "agent-error-banner", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(AlertCircle, { className: "text-feedback-red mt-0.5 h-4 w-4 shrink-0", strokeWidth: 1 }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "mb-1 font-medium", children: "Agent Error" }), _jsx("div", { className: "text-feedback-red", children: message })] })] }) }));
};
export const AgentCapacityBanner = ({ message, }) => {
    if (!message)
        return null;
    return (_jsx("div", { className: "border-feedback-orange bg-feedback-orange-light text-feedback-orange m-3 rounded border p-3 text-[11px]", "data-testid": "agent-capacity-banner", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(AlertCircle, { className: "text-feedback-orange mt-0.5 h-4 w-4 shrink-0", strokeWidth: 1 }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "mb-1 font-medium", children: "Waiting for capacity" }), _jsx("div", { className: "text-feedback-orange", children: message })] })] }) }));
};
export const AgentCostLimitBanner = ({ totalCost, costLimit, currency = "USD", onExtend, }) => {
    return (_jsxs("div", { className: "border-feedback-orange bg-feedback-orange-light text-feedback-orange m-3 rounded border p-3 text-[11px]", children: [_jsxs("div", { className: "mb-2 flex items-center gap-2", children: [_jsx(AlertCircle, { className: "text-feedback-orange h-4 w-4", strokeWidth: 1 }), _jsxs("span", { children: ["Cost limit exceeded. Spent ", formatAgentCost(totalCost, currency), " /", " ", formatAgentCost(costLimit, currency), "."] })] }), _jsx("div", { className: "flex gap-2", children: _jsx("button", { className: "border-feedback-orange badge-pad hover:bg-feedback-orange-light rounded border bg-white", onClick: onExtend, children: "Extend limit and continue" }) })] }));
};
//# sourceMappingURL=AgentBanners.js.map