import React from "react"; import { Body, Head, Html, Preview, Tailwind } from "@react-email/components"; import { themeColors } from "./lib/theme"; import { EmailContainer, EmailFooter, EmailGreeting, EmailHeading, EmailLetterHead, EmailSection, EmailSignature, EmailText, EmailInfoSection } from "./components/Email"; import ButtonLink from "./components/ButtonLink"; import CopyCodeBox from "./components/CopyCodeBox"; interface WelcomeQuickStartProps { username?: string; link: string; fallbackLink: string; resourceMethod: string; resourceHostname: string; resourcePort: string | number; resourceUrl: string; cliCommand: string; } export const WelcomeQuickStart = ({ username, link, fallbackLink, resourceMethod, resourceHostname, resourcePort, resourceUrl, cliCommand }: WelcomeQuickStartProps) => { const previewText = "Welcome! Here's what to do next"; return ( {previewText} Hi there, Thank you for trying out Pangolin! We're excited to have you on board. To continue to configure your site, resources, and other features, complete your account setup to access the full dashboard. View Your Dashboard {/*

*/} {/* If the button above doesn't work, you can also */} {/* use this{" "} */} {/* */} {/* link */} {/* */} {/* . */} {/*

*/}
Connect your site using Newt
{cliCommand}

To learn how to use Newt, including more installation methods, visit the{" "} docs .

{resourceUrl} ) } ]} /> ); }; export default WelcomeQuickStart;