import React from "react"; import { Body, Button, Container, Head, Heading, Hr, Html, Img, Preview, Section, Text, Tailwind, Row, Column, } from "@react-email/components"; interface BillingAlertEmailProps { organizationName: string; currentUsage: number; threshold: number; billingUrl: string; receiverEmail: string; } export const BillingAlertEmailTemplate = ({ organizationName, currentUsage, threshold, billingUrl, receiverEmail, }: BillingAlertEmailProps) => { return ( Your Langfuse Cloud usage is {`${currentUsage}`} events for the current billing period
Langfuse
Usage Threshold Exceeded Your organization "{organizationName}" has exceeded the configured billing threshold
Current Usage (# Events) {currentUsage} Alert Threshold (# Events) {threshold}
What happens next? • Your current billing cycle continues normally
• Charges will appear on your next invoice
• You can adjust usage or modify alert thresholds
• Contact support if you have questions about your bill
This email was sent to {receiverEmail} regarding billing alerts for "{organizationName}". Questions? Contact us at{" "} support@langfuse.com
); }; export default BillingAlertEmailTemplate;