<Layouts.app flash={@flash} current_scope={@current_scope}>
  <div class="mx-auto max-w-xl text-center">
    <div class="text-sm font-semibold text-success">{gettext("NOTICE RECEIVED")}</div>
    <h1 class="mt-2 text-4xl font-black">
      {gettext("Your reference is %{reference}", reference: @reference)}
    </h1>
    <p class="mt-4 text-base-content/65">
      {gettext(
        "A private status link has been sent when a contact email was provided and delivery is configured. Opening that link verifies the contact address. Keep the reference for follow-up."
      )}
    </p>
    <.link navigate={~p"/legal/content-removal"} class="btn btn-primary mt-7">
      {gettext("Back to removal form")}
    </.link>
  </div>
</Layouts.app>
