import * as React from "react"
 
import { usePWAInstall } from "@/hooks/use-pwa-install"
 
export function InstallBanner() {
  const { canInstall, isInstalled, promptCount, promptInstall } =
    usePWAInstall()
 
  const handleInstall = async () => {
    const outcome = await promptInstall()
    console.log("user choice:", outcome)
  }
 
  if (!canInstall || isInstalled) {
    return null
  }
 
  return (
    <div className="rounded-lg border bg-card p-4">
      <p>Install this app for an improved, full-screen experience.</p>
      <button onClick={handleInstall}>Install</button>
      <p className="text-xs text-muted-foreground">
        Prompt shown {promptCount} time(s)
      </p>
    </div>
  )
}