---
// Opening line of a client setup guide, matching what the account page
// passed in: the mailbox address and whether the password is filled in.
// With the password in the URL the page holds the user's login, so it says
// so before the settings table shows it.
import { Aside } from "@astrojs/starlight/components";
import Personalized from "./Personalized.astro";
import Setting from "./Setting.astro";
---

<p>
	<Personalized when="address">For <Setting name="address" />.{" "}</Personalized>
	<Personalized when="passwd">The app password is filled in below; click it to copy.</Personalized>
	<Personalized unless="passwd">
		Have an app password for this mailbox ready. Create one on your account page; its
		<strong>Set up a device</strong> buttons open this guide with your settings filled in.
	</Personalized>
</p>

<Personalized when="passwd" block>
	<Aside type="caution" title="This page contains your login credentials">
		Safeguard your app password: anyone who has it can read all your mail. Don't share this
		page or its link, and close it once your mail client is set up.
	</Aside>
</Personalized>