import { jsx as _jsx } from "react/jsx-runtime";
import { KeyRound, Server } from "lucide-react";
import { GroupedFieldConfigPanel, } from "./GroupedFieldConfigPanel";
const FIELD_GROUPS = [
    {
        title: "Endpoint",
        description: "How Parhelia reaches this provider.",
        icon: _jsx(Server, { className: "h-4 w-4", strokeWidth: 1 }),
        fieldNames: [
            ["Provider Type", "Catalog Provider"],
            ["API Base Url"],
            ["Connection String Name", "Connection String"],
        ],
    },
    {
        title: "Authentication",
        description: "API keys and OAuth credentials.",
        icon: _jsx(KeyRound, { className: "h-4 w-4", strokeWidth: 1 }),
        fieldNames: [
            ["API Key"],
            ["Client ID"],
            ["Client Secret"],
            ["Auth Url"],
            ["Scope"],
        ],
    },
];
export function ProviderConfigPanel({ itemId, title, onClose, actions, refreshToken = 0, }) {
    return (_jsx(GroupedFieldConfigPanel, { itemId: itemId, title: title, onClose: onClose, actions: actions, refreshToken: refreshToken, fieldGroups: FIELD_GROUPS, headerIcon: _jsx(Server, { className: "h-4 w-4", strokeWidth: 1 }), loadErrorTitle: "Unable to load provider", emptyMessage: "No editable settings were found for this provider.", fallbackTitle: "AI Provider", footerLeadingText: "For all fields and advanced authentication options use the " }));
}
export default ProviderConfigPanel;
//# sourceMappingURL=ProviderConfigPanel.js.map