Usage limit warning email

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

export type UsageLimitProps = TemplateProps & {
  firstName?: string;
  resource?: string;
  used?: number;
  limit?: number;
  resetDate?: string;
  upgradeUrl?: string;
};

export default function UsageLimit({
  style,
  brand,
  firstName = "Maya",
  resource = "transcription hours",
  used = 85,
  limit = 100,
  resetDate = "November 1",
  upgradeUrl = "https://fieldnote.app/billing/upgrade",
}: UsageLimitProps) {