import React from "react";
import useFullscreen from "@am-hooks/use-full-screen";

const App = () => {
  const [exitView, setExitView] = useState(false);
  const onFull = isFull => {
    setExitView(isFull);
  };
  const { element, triggerFull, exitFull } = useFullscreen(onFull);

  return (
    <>
      <div ref={element}>
        <img src="https://cdn.pixabay.com/photo/2020/01/14/13/11/sport-4765008__340.jpg" />
        {exitView && <button onClick={exitFull}>Exit Full Screen</button>}button>}
      </div>
      <button onClick={triggerFull}>Full Screen</button>
    </>
  )
}