import type { AuthLayoutBodyProps, AuthLayoutDescriptionProps, AuthLayoutFooterProps, AuthLayoutHeaderProps, AuthLayoutLogoProps, AuthLayoutMainProps, AuthLayoutRootProps, AuthLayoutTitleProps } from '../../types/components/auth-layout-types';
/**
 * Root container component for auth layouts.
 * Provides layout context to child slot components.
 *
 * @example
 * ```tsx
 * <AuthLayout.Root variant="desktop" maxWidth="md">
 *   <AuthLayout.Header>...</AuthLayout.Header>
 *   <AuthLayout.Logo>...</AuthLayout.Logo>
 *   <AuthLayout.Title>...</AuthLayout.Title>
 *   <AuthLayout.Description>...</AuthLayout.Description>
 *   <AuthLayout.Body>...</AuthLayout.Body>
 *   <AuthLayout.Footer>...</AuthLayout.Footer>
 * </AuthLayout.Root>
 * ```
 */
declare function AuthLayoutRoot({ children, variant, maxWidth, className, }: Readonly<AuthLayoutRootProps>): import("react/jsx-runtime").JSX.Element;
/**
 * Header slot component - renders differently based on layout variant.
 * In desktop variant, renders top-right. In mobile variant, renders above logo.
 */
declare function AuthLayoutHeader({ children, className, }: Readonly<AuthLayoutHeaderProps>): import("react/jsx-runtime").JSX.Element;
/**
 * Logo slot component - alignment configurable via align prop
 */
declare function AuthLayoutLogo({ children, align, className, }: Readonly<AuthLayoutLogoProps>): import("react/jsx-runtime").JSX.Element;
/**
 * Title slot component - alignment configurable via align prop
 */
declare function AuthLayoutTitle({ children, align, className, }: Readonly<AuthLayoutTitleProps>): import("react/jsx-runtime").JSX.Element;
/**
 * Description slot component - alignment configurable via align prop
 */
declare function AuthLayoutDescription({ children, align, className, }: Readonly<AuthLayoutDescriptionProps>): import("react/jsx-runtime").JSX.Element;
/**
 * Body slot component - main content area with vertical spacing
 */
declare function AuthLayoutBody({ children, className, }: Readonly<AuthLayoutBodyProps>): import("react/jsx-runtime").JSX.Element;
/**
 * Main content wrapper - centers and constrains width of inner slots
 */
declare function AuthLayoutMain({ children, sm, className, }: Readonly<AuthLayoutMainProps>): import("react/jsx-runtime").JSX.Element;
/**
 * Footer slot component - centered with consistent spacing
 */
declare function AuthLayoutFooter({ children, className, }: Readonly<AuthLayoutFooterProps>): import("react/jsx-runtime").JSX.Element;
/**
 * Compound component for authentication layouts.
 * Uses composition pattern for maximum flexibility and scalability.
 *
 * @example
 * ```tsx
 * <AuthLayout.Root variant="desktop" maxWidth="md">
 *   <AuthLayout.Header>
 *     <EnterpriseHeader />
 *   </AuthLayout.Header>
 *   <AuthLayout.Main>
 *     <AuthLayout.Logo>
 *       <img src="/logo.svg" alt="Docthub" />
 *     </AuthLayout.Logo>
 *     <AuthLayout.Title>
 *       <h1>The Healthcare Career App</h1>
 *     </AuthLayout.Title>
 *     <AuthLayout.Description>
 *       <p>Continue to Signup</p>
 *     </AuthLayout.Description>
 *     <AuthLayout.Body>
 *       <button>Continue with Mobile</button>
 *       <button>Continue with Email</button>
 *     </AuthLayout.Body>
 *   </AuthLayout.Main>
 *   <AuthLayout.Footer>
 *     <p>Terms and Privacy</p>
 *   </AuthLayout.Footer>
 * </AuthLayout.Root>
 * ```
 */
export declare const AuthLayout: {
    Root: typeof AuthLayoutRoot;
    Header: typeof AuthLayoutHeader;
    Main: typeof AuthLayoutMain;
    Logo: typeof AuthLayoutLogo;
    Title: typeof AuthLayoutTitle;
    Description: typeof AuthLayoutDescription;
    Body: typeof AuthLayoutBody;
    Footer: typeof AuthLayoutFooter;
};
export {};
