import * as React from "react";
export interface HeroSectionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
    greeting?: string;
    title: string | React.ReactNode;
    description?: string | React.ReactNode;
    actionText?: string;
    onAction?: () => void;
    actionButton?: React.ReactNode;
    gradient?: string;
    backgroundImage?: string;
    overlay?: boolean;
    overlayOpacity?: number;
    customStyles?: {
        root?: React.CSSProperties;
        content?: React.CSSProperties;
        title?: React.CSSProperties;
        description?: React.CSSProperties;
    };
}
/**
 * HeroSection component for large header sections
 *
 * Used in:
 * - Dashboard hero
 * - Landing pages
 * - Welcome screens
 *
 * @example
 * ```tsx
 * <HeroSection
 *   greeting="Welcome back, Aniz 👋"
 *   title="Analyze your documents and uncover meaningful patterns and trends."
 *   description="Transform complex data into crystal-clear insights."
 *   actionText="Explore"
 *   onAction={() => navigate('/explore')}
 *   gradient="linear-gradient(135deg, #667eea 0%, #764ba2 100%)"
 * />
 * ```
 */
export declare const HeroSection: React.ForwardRefExoticComponent<HeroSectionProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=hero-section.d.ts.map