const BRAND_BACKGROUND = "#020617";
const BRAND_PANEL = "#0f172a";
const BRAND_PANEL_BORDER = "#1e293b";
const BRAND_FOREGROUND = "#f8fafc";
const BRAND_MUTED = "#94a3b8";
const BRAND_GREEN = "#16a34a";
function BrandTriangle({ size }: { size: number }) {
const halfWidth = Math.round(size / 2);
return (
);
}
function MetadataAsset({
imageSrc,
width,
height,
}: {
imageSrc?: string;
width: string;
height: string;
}) {
if (!imageSrc) {
return ;
}
return (
// `ImageResponse` renders regular HTML/CSS, not `next/image`.
// eslint-disable-next-line @next/next/no-img-element
);
}
export function MetadataIconArt({
imageSrc,
triangleSize,
}: {
imageSrc?: string;
triangleSize: number;
}) {
return (
{imageSrc ? (
) : (
)}
);
}
export function MetadataPreviewArt({
title,
description,
imageSrc,
}: {
title: string;
description: string;
imageSrc?: string;
}) {
return (
{imageSrc ? (
) : (
)}
Trading Room
{title}
{description}
);
}