Password changed email

import * as React from "react";
import { A, Alert, Eyebrow, H1, KV, P, Shell, type TemplateProps } from "../components";

export type PasswordChangedProps = TemplateProps & {
  firstName?: string;
  time?: string;
  device?: string;
  recoverUrl?: string;
};

export default function PasswordChanged({
  style,
  brand,
  firstName = "Maya",
  time = "Oct 16, 2026 at 14:02 UTC",
  device = "Firefox on Windows",
  recoverUrl = "https://fieldnote.app/account-recovery",
}: PasswordChangedProps) {
  return (
    <Shell style={style} brand={brand} label="Security" preview="Your password was changed. If this wasn't you, recover your account now.">
      <Eyebrow>Security notice</Eyebrow>
      <H1>Your password was changed</H1>