<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>
When used on a search results page the button will use the search that has been run.
Optionally a
searchcan be explicitly passed, which is useful when listing saved searches in user profile.