import { PropsWithChildren } from 'react';
/**
 * Button to add and remove a saved property.
 *
 * @example
 * ```
 *  <SavePropertyButton
 *    propertyId={property.id}
 *    channel={property.primaryChannel}
 *    className="absolute z-20 top-2 right-2 p-1 hover:animate-wobble"
 *    savedInner={<LuHeart className="w-6 h-6 fill-primary stroke-primary" />}
 *    loadingInner={<LuLoader2 className="w-6 h-6 stroke-primary animate-spin" />}
 *  >
 *    <LuHeart className="w-6 h-6 fill-white stroke-primary" />
 *  </SavePropertyButton>
 * ```
 */
interface Props extends PropsWithChildren {
    propertyId: number | null;
    channel: string | null;
    className?: string;
    /** The inner content/children of the button when the property is saved */
    savedInner?: React.ReactNode;
    /** The inner content/children of the button while waiting for response after saving/unsaving */
    loadingInner?: React.ReactNode;
    onAdd?: () => void;
}
export default function SavePropertyButton({ propertyId, channel, className, savedInner, loadingInner, onAdd, children, }: Props): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=save-property-button.component.d.ts.map