Web Push

import { useWebPush } from '@cskn/sdk';

function PushSwitch() {
  const { status, subscribe, unsubscribe } = useWebPush();

  if (!status) return null;                      // still asking the browser
  if (status.reason === 'native') return null;   // in a shell: already receiving
  if (status.installPrompt) return <p>Tap Share → “Add to Home Screen” to get notifications.</p>;
  if (status.reason === 'denied') return <p>Notifications are blocked in your browser settings.</p>;

  return status.subscribed
    ? <button onClick={unsubscribe}>Turn off notifications</button>
    : <button onClick={subscribe}>Turn on notifications</button>;
}