import { Appearance } from "./internal/appearance.js";
import { AppearanceCascade } from "./customizables/parseAppearance.js";
import { AvailableComponentProps } from "./types.js";
import { ClerkComponentName } from "./lazyModules/components.js";
import { ModuleManager } from "@clerk/shared/moduleManager";
import { Clerk, ClerkOptions, EnvironmentResource, InviteMembersModalProps, SignInProps, SignUpProps, UserProfileProps, WaitlistProps, __internal_CheckoutProps, __internal_EnableOrganizationsPromptProps, __internal_PlanDetailsProps, __internal_SubscriptionDetailsProps, __internal_UserVerificationProps } from "@clerk/shared/types";

//#region src/Components.d.ts
type ComponentControls = {
  mountComponent: (params: {
    appearanceKey: Uncapitalize<AppearanceCascade['appearanceKey']>;
    name: ClerkComponentName;
    node: HTMLDivElement;
    props?: AvailableComponentProps;
  }) => void;
  unmountComponent: (params: {
    node: HTMLDivElement;
  }) => void;
  updateProps: (params: {
    appearance?: Appearance | undefined;
    options?: ClerkOptions | undefined;
    node?: HTMLDivElement;
    props?: unknown;
  }) => void;
  openModal: <T extends 'googleOneTap' | 'signIn' | 'signUp' | 'userProfile' | 'organizationProfile' | 'inviteMembers' | 'createOrganization' | 'userVerification' | 'waitlist' | 'blankCaptcha' | 'enableOrganizationsPrompt'>(modal: T, props: T extends 'signIn' ? SignInProps : T extends 'signUp' ? SignUpProps : T extends 'userVerification' ? __internal_UserVerificationProps : T extends 'waitlist' ? WaitlistProps : T extends 'inviteMembers' ? InviteMembersModalProps : T extends 'enableOrganizationsPrompt' ? __internal_EnableOrganizationsPromptProps : UserProfileProps) => void;
  closeModal: (modal: 'googleOneTap' | 'signIn' | 'signUp' | 'userProfile' | 'organizationProfile' | 'inviteMembers' | 'createOrganization' | 'userVerification' | 'waitlist' | 'blankCaptcha' | 'enableOrganizationsPrompt', options?: {
    notify?: boolean;
  }) => void;
  openDrawer: <T extends 'checkout' | 'planDetails' | 'subscriptionDetails'>(drawer: T, props: T extends 'checkout' ? __internal_CheckoutProps : T extends 'planDetails' ? __internal_PlanDetailsProps : T extends 'subscriptionDetails' ? __internal_SubscriptionDetailsProps : never) => void;
  closeDrawer: (drawer: 'checkout' | 'planDetails' | 'subscriptionDetails', options?: {
    notify?: boolean;
  }) => void;
  prefetch: (component: 'organizationSwitcher') => void;
  mountImpersonationFab: () => void;
};
declare const mountComponentRenderer: (getClerk: () => Clerk, getEnvironment: () => EnvironmentResource | null | undefined, _options: ClerkOptions, moduleManager: ModuleManager) => {
  ensureMounted: (opts?: {
    preloadHint: ClerkComponentName;
  }) => Promise<ComponentControls>;
};
type MountComponentRenderer = typeof mountComponentRenderer;
//#endregion
export { ComponentControls, MountComponentRenderer };
//# sourceMappingURL=Components.d.ts.map