import * as React from 'react';
import { type PageBackgroundProps } from '../PageBackground/index.js';
export interface AuthPageActionElementProps {
    className?: string;
    children?: React.ReactNode;
    onClick?: React.MouseEventHandler<HTMLElement>;
}
export type AuthPageActionElement = React.ReactElement<AuthPageActionElementProps>;
export interface AuthPageAction {
    label: React.ReactNode;
    href?: string;
    onClick?: React.MouseEventHandler<HTMLElement>;
    render?: AuthPageActionElement;
}
export interface AuthPageAvatar {
    src?: string;
    alt?: string;
    fallback?: string;
}
export interface AuthPageAsideConfig {
    title?: React.ReactNode;
    description?: React.ReactNode;
    cardTitle?: React.ReactNode;
    cardDescription?: React.ReactNode;
    icon?: React.ReactNode;
    avatars?: AuthPageAvatar[];
    avatarOverflowCount?: number;
}
export type AuthPageBackgroundPattern = PageBackgroundProps['pattern'] | 'none';
export interface AuthPageLayoutProps extends Omit<React.ComponentProps<'main'>, 'title'> {
    logo?: React.ReactNode;
    title?: React.ReactNode;
    description?: React.ReactNode;
    aside?: AuthPageAsideConfig | React.ReactNode;
    showAside?: boolean;
    showAsideOnMobile?: boolean;
    formMaxWidthClassName?: string;
    formClassName?: string;
    asideClassName?: string;
    backgroundPattern?: AuthPageBackgroundPattern;
}
declare function renderActionElement(action: AuthPageAction, className?: string): React.ReactElement;
declare function AuthAsidePanel({ title, description, cardTitle, cardDescription, icon, avatars, avatarOverflowCount, }: AuthPageAsideConfig): React.ReactElement;
declare function AuthPageLayout({ logo, title, description, aside, showAside, showAsideOnMobile, formMaxWidthClassName, formClassName, asideClassName, backgroundPattern, className, children, ...props }: AuthPageLayoutProps): React.ReactElement;
declare namespace AuthPageLayout {
    var displayName: string;
}
export { AuthAsidePanel, AuthPageLayout, renderActionElement };