/* stage1/SuccessState.jsx — confirmation after Stage 1. */
/* eslint-disable */
function SuccessState({ firstName, email }) {
  const c = Portal.c("success", {});
  const vars = { firstName: firstName || "there", email: email || "your inbox" };
  return (
    <div className="success-stage">
      <div className="wrap-narrow">
        <div className="success-mark"><Icon name="check" size={30} /></div>
        <h1>{Portal.tmpl(c.title, vars)}</h1>
        <p className="s-body">{Portal.tmpl(c.body, vars)}</p>
        <p className="s-sign">{c.signoff}</p>
        <div style={{ marginTop: 40 }}>
          <a className="btn ghost sm" href={Portal.brand.propertyUrl || "#/"}>
            <span className="arr" style={{ transform: "rotate(180deg)" }}><Icon name="arrow" size={14} /></span>
            Back to {Portal.brand.name}
          </a>
        </div>
      </div>
    </div>
  );
}