Trial ending

npx shadcn@latest add https://email-sdk.dev/r/trial-ending.json

import {
  EmailButton,
  EmailCard,
  EmailHeading,
  EmailSeparator,
  EmailText,
  ShadcnEmail,
} from "@opencoredev/email-sdk/react";

export function TrialEndingEmail({ endsOn }: { endsOn: string }) {
  return (
    <ShadcnEmail preview="Your Acme trial ends in 3 days">
      <EmailCard>
        <EmailHeading>Your trial ends in 3 days</EmailHeading>
        <EmailText>
          Your Acme trial ends {endsOn}. Your workspace and data will stay available.
        </EmailText>
        <EmailSeparator />
        <EmailText muted>Current plan</EmailText>
        <EmailText style={{ fontWeight: 700 }}>Pro trial</EmailText>
        <EmailText muted>Trial ends</EmailText>
        <EmailText style={{ fontWeight: 700 }}>{endsOn}</EmailText>
        <EmailButton href="https://acme.com/plans">Choose a plan</EmailButton>
      </EmailCard>
    </ShadcnEmail>
  );
}