import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Cpu } from "lucide-react";
import { SettingsCard as Card } from "../SettingsCard";
import { cn } from "../../../lib/utils";
/**
 * Displays embedding provider information
 */
export function EmbeddingProviderInfo({ providerInfo, }) {
    return (_jsx(Card, { icon: _jsx(Cpu, { strokeWidth: 1, className: "h-5 w-5" }), title: "Embedding provider", description: "The provider and model used to generate embeddings.", children: _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsxs("div", { className: "bg-neutral-grey-5 min-w-[120px] flex-1 rounded p-2", children: [_jsx("div", { className: "text-neutral-grey-50 text-xs", children: "Provider type" }), _jsx("div", { className: "text-neutral-grey-100 truncate text-xs font-medium", children: providerInfo.providerId === "openai"
                                ? "OpenAI"
                                : providerInfo.providerId })] }), _jsxs("div", { className: "bg-neutral-grey-5 min-w-[120px] flex-1 rounded p-2", children: [_jsx("div", { className: "text-neutral-grey-50 text-xs", children: "Batch API" }), _jsx("div", { className: cn("text-xs font-medium", providerInfo.supportsBatchApi
                                ? "text-feedback-green"
                                : "text-feedback-orange"), children: providerInfo.supportsBatchApi ? "Supported" : "Direct only" })] }), _jsxs("div", { className: "bg-neutral-grey-5 min-w-[120px] flex-1 rounded p-2", children: [_jsx("div", { className: "text-neutral-grey-50 text-xs", children: "Provider" }), _jsx("div", { className: "text-neutral-grey-100 truncate text-xs font-medium", children: providerInfo.endpointName })] }), _jsxs("div", { className: "bg-neutral-grey-5 min-w-[120px] flex-1 rounded p-2", children: [_jsx("div", { className: "text-neutral-grey-50 text-xs", children: "Model" }), _jsx("div", { className: "text-neutral-grey-100 truncate text-xs font-medium", children: providerInfo.modelName })] })] }) }));
}
//# sourceMappingURL=EmbeddingProviderInfo.js.map