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

const Demo = () => {
  const isSupported = useSupported(() => "EyeDropper" in window);
  return (
    <div>
      <p>
        window.EyeDropper is {isSupported ? "supported" : "unsupported"} in your
        browser
      </p>
    </div>
  );
};

export default function useSupported(
  callback: () => unknown,
  sync?: boolean
): boolean