import { useState } from "react";
import type { XRange } from "./LinePlot";

/**
 * One x window and one hover position shared by several plots, so zooming or
 * pointing at one moves them all. Spread the result into each LinePlot.
 */
export function useSharedAxis() {
  const [xRange, setXRange] = useState<XRange | null>(null);
  const [hoverX, setHoverX] = useState<number | null>(null);
  return {
    xRange,
    hoverX,
    onXRangeChange: setXRange,
    onHover: setHoverX,
    reset: () => setXRange(null),
  };
}