useCountdown

import { useState } from "react";

import { useCountdown } from "@teasim/hooks";

export default function Component() {
  const [intervalValue, setIntervalValue] = useState(1000);
  const [count, { startCountdown, stopCountdown, resetCountdown }] = useCountdown({
    countStart: 60,
    intervalMs: intervalValue,
  });

  const handleChangeIntervalValue = (event) => {
    setIntervalValue(Number(event.target.value));
  };
  return (
    <div>
      <p>Count: {count}</p>

      <input type="number" value={intervalValue} onChange={handleChangeIntervalValue} />
      <button onClick={startCountdown}>start</button>
      <button onClick={stopCountdown}>stop</button>
      <button onClick={resetCountdown}>reset</button>
    </div>
  );
}