/** "홈 화면에 추가" offer (docs/07 §11). Hidden when already installed, dismissed, or not installable. */
import { dismissInstall, promptInstall, useInstallMode } from '../lib/pwa';

export function InstallCard() {
  const mode = useInstallMode();
  if (!mode) return null;
  return (
    <section className="card row" aria-label="홈 화면에 추가" style={{ gap: 12 }}>
      <span style={{ fontSize: '1.8rem' }} aria-hidden>
        📲
      </span>
      <div style={{ flex: '1 1 220px' }}>
        <strong>홈 화면에 추가해 보세요</strong>
        <div className="muted small">
          {mode === 'ios' ? 'Safari 공유 버튼(네모에 화살표)을 누르고 [홈 화면에 추가]를 골라 주세요.' : '앱처럼 아이콘을 눌러 바로 열 수 있어요.'}
        </div>
      </div>
      {mode === 'prompt' && (
        <button className="btn btn-primary btn-sm" onClick={() => void promptInstall()}>
          추가하기
        </button>
      )}
      <button className="btn btn-secondary btn-sm" onClick={dismissInstall}>
        닫기
      </button>
    </section>
  );
}