formbricks/packages/email/components/weekly-summary/CreateReminderNotificationBody.tsx

import { Container, Text } from "@react-email/components";
import React from "react";

import { WEBAPP_URL } from "@formbricks/lib/constants";
import { TWeeklySummaryNotificationResponse } from "@formbricks/types/weeklySummary";

import { EmailButton } from "../general/EmailButton";
import { NotificationFooter } from "./NotificationFooter";

interface CreateReminderNotificationBodyProps {
  notificationData: TWeeklySummaryNotificationResponse;
}

export const CreateReminderNotificationBody = ({ notificationData }: CreateReminderNotificationBodyProps) => {
  return (
    <Container>
      <Text>
        We’d love to send you a Weekly Summary, but currently there are no surveys running for
        {notificationData.productName}.
      </Text>
      <Text className="pt-4 font-bold">Don’t let a week pass without learning about your users:</Text>
      <EmailButton
        label="Setup a new survey"
        href={`${WEBAPP_URL}/environments/${notificationData.environmentId}/surveys?utm_source=weekly&utm_medium=email&utm_content=SetupANewSurveyCTA`}
      />
      <Text className="pt-4">
        Need help finding the right survey for your product? Pick a 15-minute slot{" "}
        <a href="https://cal.com/johannes/15">in our CEOs calendar</a> or reply to this email :)
      </Text>
      <NotificationFooter environmentId={notificationData.environmentId} />
    </Container>
  );
};