import { DISPLAY } from '@donotdev/components';
import type { CSSProperties } from 'react';
import type { ComponentType } from 'react';
/**
 * AuthHeader - Simple, powerful authentication component for headers
 *
 * Automatically reads all configuration from `appConfig.auth` (DRY principle).
 * Accepts `display` prop for layout-specific UI control.
 *
 * Features:
 * - Lazy-loaded components for optimal performance
 * - Responsive design (icon on mobile/tablet, button with label on desktop)
 * - Industry standard patterns (dropdown for 2+ providers)
 * - Error handling via useAuth (no additional error states needed)
 * - 100% Lighthouse compatible
 * - Auto-configuration from appConfig (no props needed)
 *
 * @example
 * ```tsx
 * // Configure once in appConfig.auth
 * const APP_CONFIG = {
 * auth: {
 * loginPath: '/login', // Optional: links to login page
 * authMenuItems: [{ path: '/dashboard' }, { path: '/settings' }] // Optional: user menu routes
 * }
 * };
 *
 * // In presets - reads from appConfig automatically
 * // This component composes AuthPartnerButton and MultipleAuthProviders from @donotdev/auth.
 * // Use AuthHeader if you need a pre-built, responsive authentication component for your app's header.
 * <AuthHeader />
 *
 * // Force icon-only mode (e.g., for sidebars)
 * <AuthHeader display="compact" />
 * ```
 *
 * @version 0.0.1
 * @since 0.0.1
 * @author AMBROISE PARK Consulting
 */
export interface AuthHeaderProps {
    /**
     * Display - controls auth header presentation in preset layouts
     * - 'compact': Icon-only buttons
     * - 'full': Full buttons with labels
     * - 'auto': Responsive (default)
     * @default 'auto'
     */
    display?: (typeof DISPLAY)[keyof typeof DISPLAY];
    /** Optional className for styling the button */
    className?: string;
    /** Optional inline styles for the button */
    style?: CSSProperties;
}
/**
 * Auth header component
 *
 * @version 0.0.1
 * @since 0.0.1
 * @author AMBROISE PARK Consulting
 */
export declare const AuthHeader: ComponentType<AuthHeaderProps>;
export default AuthHeader;
//# sourceMappingURL=AuthHeader.d.ts.map