import type { IdentityProvider } from "@stigmer/protos/ai/stigmer/iam/identityprovider/v1/api_pb";
/** Props for {@link IdentityProviderDetailPanel}. */
export interface IdentityProviderDetailPanelProps {
    /** The identity provider resource to display and edit. */
    readonly identityProvider: IdentityProvider;
    /** Fired with the updated resource after a successful save. */
    readonly onUpdated?: (idp: IdentityProvider) => void;
    /** Fired when the user clicks the back button. */
    readonly onBack?: () => void;
    /**
     * Pre-computed SSO login URL to display when the IdP is an SSO provider.
     * Omit to hide the field. The consumer is responsible for constructing
     * the URL (e.g., `${window.location.origin}/login?org=${orgSlug}`).
     */
    readonly ssoLoginUrl?: string;
    /** Additional CSS class names for the root container. */
    readonly className?: string;
}
/**
 * View and edit panel for an existing identity provider.
 *
 * In **view mode**, displays all OIDC configuration fields in a
 * structured label/value layout with an "Edit" button.
 *
 * In **edit mode**, fields become editable inputs. The SSO toggle and
 * OIDC client ID are editable. "Save" submits the update via
 * {@link useUpdateIdentityProvider}; "Cancel" discards changes and
 * returns to view mode.
 *
 * All visual properties flow through `--stgm-*` design tokens.
 *
 * @example
 * ```tsx
 * <IdentityProviderDetailPanel
 *   identityProvider={idp}
 *   onUpdated={(updated) => refetch()}
 *   onBack={() => setFlow({ phase: "idle" })}
 * />
 * ```
 */
export declare function IdentityProviderDetailPanel({ identityProvider, onUpdated, onBack, ssoLoginUrl, className, }: IdentityProviderDetailPanelProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=IdentityProviderDetailPanel.d.ts.map