import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cn } from "../../../lib/utils";
/**
 * Displays embedding provider information
 */
export function EmbeddingProviderInfo({ providerInfo, }) {
    return (_jsxs("div", { className: "rounded-lg border border-gray-200 bg-white p-3", children: [_jsx("h3", { className: "mb-2 text-xs font-semibold text-gray-700", children: "Embedding Provider" }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsxs("div", { className: "min-w-[120px] flex-1 rounded bg-gray-50 p-2", children: [_jsx("div", { className: "text-xs text-gray-600", children: "Provider Type" }), _jsx("div", { className: "truncate text-xs font-medium text-gray-900", children: providerInfo.providerId === "openai"
                                    ? "OpenAI"
                                    : providerInfo.providerId })] }), _jsxs("div", { className: "min-w-[120px] flex-1 rounded bg-gray-50 p-2", children: [_jsx("div", { className: "text-xs text-gray-600", children: "Batch API" }), _jsx("div", { className: cn("text-xs font-medium", providerInfo.supportsBatchApi
                                    ? "text-green-600"
                                    : "text-amber-600"), children: providerInfo.supportsBatchApi ? "Supported" : "Direct Only" })] }), _jsxs("div", { className: "min-w-[120px] flex-1 rounded bg-gray-50 p-2", children: [_jsx("div", { className: "text-xs text-gray-600", children: "Provider" }), _jsx("div", { className: "truncate text-xs font-medium text-gray-900", children: providerInfo.endpointName })] }), _jsxs("div", { className: "min-w-[120px] flex-1 rounded bg-gray-50 p-2", children: [_jsx("div", { className: "text-xs text-gray-600", children: "Model" }), _jsx("div", { className: "truncate text-xs font-medium text-gray-900", children: providerInfo.modelName })] })] })] }));
}
//# sourceMappingURL=EmbeddingProviderInfo.js.map