import React from "react";
export interface CustomPage {
    label: string;
    url: string;
    icon?: React.ReactNode;
}
export interface AdvancedTheme {
    background?: string;
    card?: string;
    text?: string;
    textSecondary?: string;
    input?: string;
    badge?: string;
    primary?: string;
    buttonText?: string;
}
export interface AppearanceOptions {
    theme?: "light" | "dark";
    customTheme?: Partial<AdvancedTheme>;
}
export interface TextLabels {
    headerTitle: string;
    profileSectionTitle: string;
    removeAvatar: string;
    profileInfoTitle: string;
    editProfileButton: string;
    cancelButton: string;
    saveButton: string;
    savingButton: string;
    notSet: string;
    placeholderPrefix: string;
}
export type PartialTextLabels = Partial<TextLabels>;
export interface UserProfileProps {
    appearance?: AppearanceOptions;
    routing?: "hash" | "path";
    path?: string;
    additionalOAuthScopes?: Record<string, string[]>;
    customPages?: CustomPage[];
    showCustomFields?: boolean;
    editableFields?: string[];
    hiddenFields?: string[];
    fallback?: React.ReactNode;
    children?: React.ReactNode;
    labels?: PartialTextLabels;
}
export default function UserProfile({ appearance, routing, path, showCustomFields, editableFields, hiddenFields, customPages, fallback, children, labels, }: UserProfileProps): string | number | bigint | true | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null;
//# sourceMappingURL=UserProfile.d.ts.map