import { ComponentPropsWithRef } from 'react';
import { SavedSearch } from '../../../providers/search-context';
interface Props extends ComponentPropsWithRef<'button'> {
    /** The inner content/children of the button when the search is saved */
    savedInner?: React.ReactNode;
    /** The inner content/children of the button while waiting for response after saving/unsaving */
    loadingInner?: React.ReactNode;
    /** Optionally pass the search itself, if not passed it will use the initialSearch from Redux */
    search?: SavedSearch;
    /** Optional success callback */
    onAdd?: () => void;
}
/**
 * When used on a search results page the button will use the search that has been run.
 *
 * Optionally a `search` can be explicitly passed, which is useful when listing saved searches in user profile.
 *
 * @example
 * ```tsx
 * <SaveSearchButton
 *   title="Save search"
 *   savedInner={
 *     <>
 *       <LuHeart className="w-5 h-5 fill-primary stroke-primary" />
 *       Remove Search
 *     </>
 *   }
 *   loadingInner={<LuLoader2 className="w-5 h-5 stroke-primary animate-spin" />}
 * >
 *   <LuHeart className="w-5 h-5 fill-white stroke-gray-400 group-hover:animate-wobble" />
 *
 *   <span>Save Search</span>
 * </SaveSearchButton>
 * ```
 */
export default function SaveSearchButton({ children, savedInner, loadingInner, search, onAdd, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=save-search-button.component.d.ts.map