import { useCycleList } from "@reactuses/core";

const Demo = () => {
  const [state, next, prev] = useCycleList([
    "Dog",
    "Cat",
    "Lizard",
    "Shark",
    "Whale",
    "Dolphin",
    "Octopus",
    "Seal",
  ]);

  return (
    <div>
      <div>{state}</div>
      <div>
        <button onClick={() => next()}>next</button>
        <button onClick={() => prev()}>prev</button>
      </div>
    </div>
  );
};

export default function useCycleList<T>(
  list: T[],
  i?: number
): readonly [T, (i?: number) => void, (i?: number) => void]