import { GoOfflineProvider, useOfflineStatus, usePWAInstall } from "go-offline";

function StatusPanel() {
  const { isOnline } = useOfflineStatus();
  const { isInstallable, promptInstall } = usePWAInstall();

  return (
    <section>
      <h1>React Example</h1>
      <p>Status: {isOnline ? "Online" : "Offline"}</p>
      {isInstallable ? <button onClick={() => void promptInstall()}>Install app</button> : null}
    </section>
  );
}

export default function App() {
  return (
    <GoOfflineProvider
      config={{
        offlinePage: "/offline.html",
        pwa: true,
        debug: true
      }}
    >
      <StatusPanel />
    </GoOfflineProvider>
  );
}