Finish setup nudge email

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

export type OnboardingNudgeProps = TemplateProps & {
  firstName?: string;
  missingStep?: string;
  missingStepUrl?: string;
  bookingUrl?: string;
};

export default function OnboardingNudge({
  style,
  brand,
  firstName = "Maya",
  missingStep = "Connect a data source",
  missingStepUrl = "https://fieldnote.app/import",
  bookingUrl = "https://cal.com/fieldnote/onboarding",
}: OnboardingNudgeProps) {
  return (
    <Shell style={style} brand={brand} label="Setup" preview={`${missingStep} — it takes about two minutes and unlocks everything else.`}>
      <Eyebrow>Almost there</Eyebrow>
      <H1>You're one step from your first insight.</H1>