import { createStore } from "../../lib/store";

// Whether the Back-to-top button is up. It floats over the page's bottom-right corner, so PageScroller
// reads this to keep the END of the page clear of it while it shows: a table's closing pager sat under
// the button — "100" and "All" covered (found in UAT, the channel manager on a short window).
export const backToTopShown = createStore(false);

export function useBackToTopShown(): boolean {
  return backToTopShown.useValue();
}

// How tall the thing docked in the same corner under the button is (px; 0 = nothing) — the download
// tray. The button steps up over it, and PageScroller keeps the page's end clear of both.
const cornerLift = createStore(0);

export function setCornerLift(px: number): void {
  if (cornerLift.get() !== px) cornerLift.set(px);
}

export function useCornerLift(): number {
  return cornerLift.useValue();
}