import * as React from "react";
export interface SearchHeroProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
    title: string | React.ReactNode;
    subtitle?: string | React.ReactNode;
    placeholder?: string;
    searchValue?: string;
    onSearchChange?: (value: string) => void;
    cards?: React.ReactNode;
    searchIcon?: React.ReactNode;
    maxWidth?: string;
    customStyles?: {
        root?: React.CSSProperties;
        title?: React.CSSProperties;
        subtitle?: React.CSSProperties;
        searchContainer?: React.CSSProperties;
    };
}
/**
 * SearchHero component for centered search interfaces
 *
 * Used in:
 * - Help center
 * - Documentation search
 * - Product search pages
 *
 * @example
 * ```tsx
 * <SearchHero
 *   title="Hello, How can we help you?"
 *   placeholder="Search..."
 *   searchValue={query}
 *   onSearchChange={setQuery}
 *   cards={
 *     <>
 *       <SupportCard icon={<VideoIcon />} title="Tutorial Videos" />
 *       <SupportCard icon={<PersonIcon />} title="Sales Support" />
 *       <SupportCard icon={<HeadsetIcon />} title="Technical Support" />
 *     </>
 *   }
 * />
 * ```
 */
export declare const SearchHero: React.ForwardRefExoticComponent<SearchHeroProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=search-hero.d.ts.map