import { useToggl } from "use-toggle";

export const Component = () => {
  const [currentValue, isGood, isBad, toggle] = useToggl(["good", "bad"]);

  return (
    <div>
      <p>Im {value}</p>
      <button>Go to {isGood ? "dark" : "light"} side</button>
    </div>
  );
};