Email address changed email

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

export type EmailChangedProps = TemplateProps & {
  firstName?: string;
  oldEmail?: string;
  newEmail?: string;
  time?: string;
  revertUrl?: string;
};

export default function EmailChanged({
  style,
  brand,
  firstName = "Maya",
  oldEmail = "maya@northbeam.co",
  newEmail = "m•••@gmail.com",
  time = "Oct 16, 2026 at 16:20 UTC",
  revertUrl = "https://fieldnote.app/account/revert-email?token=19ab72",
}: EmailChangedProps) {
  return (
    <Shell style={style} brand={brand} label="Security" preview={`The email on your account was changed to ${newEmail}. Not you? Undo it here.`}>