Two-factor code email

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

export type TwoFactorCodeProps = TemplateProps & {
  code?: string;
  expiresInMinutes?: number;
  action?: string;
};

export default function TwoFactorCode({
  style,
  brand,
  code = "731 904",
  expiresInMinutes = 10,
  action = "sign in",
}: TwoFactorCodeProps) {
  return (
    <Shell style={style} brand={brand} label="Verification" preview={`${code} is your verification code. It expires in ${expiresInMinutes} minutes.`}>
      <Eyebrow>Verification code</Eyebrow>
      <H1>Here's your code</H1>
      <P>Enter this code to {action}. It expires in {expiresInMinutes} minutes.</P>
      <Code code={code} />