import { useParams, Link } from 'react-router-dom'
import './screens.css'

/** The lead file. Built once the detail view is seeded. */
export default function Lead() {
  const { instanceId } = useParams()
  return (
    <section>
      <header className="page__head">
        <div>
          <h1 className="page__title">Lead {instanceId}</h1>
          <p className="page__sub">Evidence, attribution and the referral file.</p>
        </div>
        <Link className="grid__link" to="/">Back to the queue</Link>
      </header>
      <div className="notice">
        <strong>Not built yet.</strong>
        <p>The lead file reads the <code>zk-dv-lead</code> detail view and the live
        activity forms. Both arrive with the next app-config pass.</p>
      </div>
    </section>
  )
}