/* eslint-disable no-plusplus */
/* eslint-disable no-param-reassign */
/* eslint-disable func-names */
// https://gist.github.com/andjosh/6764939

const left = (
  element: HTMLDivElement,
  start: number,
  to: number,
  duration: number
) => {
  // console.log('==============================');
  // console.log(element);
  // console.log(start);
  // console.log(to);
  // console.log(duration);
  // console.log('==============================');

  const change = to - start;
  let currentTime = 0;
  const increment = 20;

  const animateScroll = async function () {
    currentTime += increment;
    const val = easeInOutQuad(currentTime, start, change, duration);
    element.scrollLeft = val;
    if (currentTime < duration) {
      await new Promise((resolve) =>
        setTimeout(() => {
          animateScroll();
          resolve(0);
        }, increment)
      );
      // setTimeout(animateScroll, increment);
    }
  };
  animateScroll();
};

// t = current time
// b = start value
// c = change in value
// d = duration
const easeInOutQuad = function (t: number, b: number, c: number, d: number) {
  t /= d / 2;
  if (t < 1) return (c / 2) * t * t + b;
  t--;
  return (-c / 2) * (t * (t - 2) - 1) + b;
};

export const scrollTo = {
  left,
};