import React from "react"

import shareIcon from "../images/safari-share-icon.png?url"

export default function InstallPWA() {
  return (
    <div>
      <h1>Install Tack Up Now!</h1>
      <div>
        Install Tack Up Now on your device to get notified when it's time to
        tack up
      </div>
      <div>
        <ul>
          <span>Tap </span>
          <img style={{ width: "2rem" }} src={shareIcon} />
          <span> and choose </span>
          <span className="bold">Add to Home Screen</span>
        </ul>
        <ul>
          <span>On the next screen, tap </span>
          <span className="bold">Add</span>
        </ul>
        <ul>
          <span>Then open </span>
          <span className="bold">Tack Up Now</span>
          <span> from your home screen</span>
        </ul>
      </div>
    </div>
  )
}