// Procedural SVG artwork for project tiles — no external assets, all CSS/SVG
const { useState, useEffect, useRef, useMemo, useCallback } = React;
function ProjectArt({ project, small = false }) {
const { heroPattern, color, accent, bg, title, category } = project;
const patterns = {
grid: ,
wave: ,
blueprint: ,
dots: ,
lines: ,
};
return patterns[heroPattern] || patterns.grid;
}
function GridArt({ color, accent, bg, title, category }) {
return (
);
}
function WaveArt({ color, accent, bg, title, category }) {
return (
);
}
function BlueprintArt({ color, accent, bg, title, category }) {
return (
);
}
function DotsArt({ color, accent, bg, title, category }) {
const dots = [];
for (let y = 0; y < 14; y++) {
for (let x = 0; x < 24; x++) {
const cx = 8 + x * 18;
const cy = 8 + y * 18;
const dx = cx - 210, dy = cy - 130;
const d = Math.sqrt(dx * dx + dy * dy);
const r = Math.max(0.6, 3 - d / 60);
dots.push();
}
}
return (
);
}
function LinesArt({ color, accent, bg, title, category }) {
return (
);
}
Object.assign(window, { ProjectArt });