/* global React */
// Shared bits used by both the mobile and desktop Launch Radar email mocks.
// Light theme — paper canvas, indigo-9 ink, gradient reserved for accents.
const { useMemo } = React;
// ───────────── Source pill ─────────────
// Tiny chip telling you where a launch came from. Colored dot does the
// signalling; chip itself stays quiet so product names dominate.
function SourcePill({ source }) {
const isGH = source === "GitHub";
const dot = isGH ? "#6438D0" : "#FF6600";
return (
{source}
);
}
// ───────────── Meta tag ("AI", "Infra", etc) ─────────────
function MetaTag({ children }) {
return (
{children}
);
}
// ───────────── Brand mark ─────────────
// "LR" monogram in a gradient-filled rounded square — same gradient as the
// Cloudways carousel. The mark stays vivid on white.
function LRMark({ size = 28 }) {
return (
LR
);
}
// ───────────── Ambient gradient backdrop ─────────────
// A whisper of the signature gradient bleeding off the top edge of the
// canvas. On a light canvas it reads as paper near a window, not as a
// "dark mode" wash.
function AmbientGlow({ height = 360 }) {
return (
);
}
// ───────────── Numerals ─────────────
// 01 / 02 / 03 — set big, gradient-filled, tracked tight.
function IndexNumeral({ n, fontSize = 56 }) {
return (
{String(n).padStart(2, "0")}
);
}
Object.assign(window, { SourcePill, MetaTag, LRMark, AmbientGlow, IndexNumeral });