import { jsx as _jsx } from "react/jsx-runtime";
import { Select } from "../../../../components/ui/select";
import { cn } from "../../../../lib/utils";
export function AgentModeSelector({ mode, options, readOnly, onModeChange, }) {
    return (_jsx(Select, { "data-testid": "agent-mode-selector", size: "xs", maxWidth: 240, disabled: readOnly, className: cn("h-5 w-auto min-w-[95px] rounded border px-1.5 text-[11px] font-normal", mode === "read-only"
            ? "border-feedback-green bg-feedback-green-light! text-feedback-green hover:bg-feedback-green-light!"
            : mode === "supervised"
                ? "border-feedback-orange bg-feedback-orange-light! text-feedback-orange hover:bg-feedback-orange-light!"
                : "border-feedback-red bg-feedback-red-light! text-feedback-red hover:bg-feedback-red-light!"), value: mode, options: options, onValueChange: (value) => {
            void onModeChange(value);
        } }));
}
//# sourceMappingURL=AgentModeSelector.js.map