package auth

templ DeleteAccountComp() {
	<form
		class="max-w-xl px-2 mx-auto flex flex-col gap-4 h-full justify-center"
		hx-post="/api/auth/delete-account"
		hx-swap="none"
	>
		<h2 class="text-6xl mb-6">
			Delete Account
		</h2>
		<p class="text-xl text-red-500 mb-4">
			Are you sure you want to delete your account? This action is irreversible.
		</p>
		<label class="flex items-center gap-2">
			<input
				type="password"
				class="grow"
				placeholder="Password"
				name="password"
				spellcheck="false"
				autocomplete="off"
				autocorrect="off"
				autocapitalize="off"
			/>
		</label>
		<button class="self-end">
			Delete Account
		</button>
	</form>
}