/* Doodles + Illustrations — hand-drawn SVG library */
const { Fragment } = React;
// ---------- Networking & server glyphs (stroke-based) ----------
// Server rack — 4U with status LEDs
const Squiggle = ({ className, style }) => (
);
// Router with antennas + downlink lines
const Star = ({ className, style }) => (
);
// Packet (small envelope with header bar)
const Sparkle = ({ className, style }) => (
);
// Network switch cloud with port indicators
const CloudDoodle = ({ className, style }) => (
);
// Fiber-optic curved cable between two endpoints
const ArrowCurve = ({ className, style }) => (
);
// Ethernet cable with RJ45 connector
const ArrowSquiggle = ({ className, style }) => (
);
// Datacenter pod grid (servers as small bars)
const Dots = ({ className, style }) => (
);
// Broadcast / signal arcs
const Burst = ({ className, style }) => (
);
// Data flow loop with packet arrow
const LoopArrow = ({ className, style }) => (
);
// ---------- Logos / brand marks ----------
const AbsoloMark = ({ size = 32, className }) => (
);
// ---------- Feature icons (custom outline 1.5px) ----------
const I = ({ children, color }) => (
);
const FeatIcons = {
database: ,
storage: ,
ssl: ,
ssh: ,
snapshot: ,
region: ,
rocket: ,
code: ,
git: ,
globe: ,
bolt: ,
};
// ---------- Template logos ----------
const TplLogos = {
wordpress: (
),
woocommerce: (
),
ghost: (
),
laravel: (
),
next: (
),
express: (
),
fastapi: (
),
static: (
),
django: (
),
};
// ---------- Illustration: Sites mode mini-mock ----------
const SitesIllustration = () => (
);
// ---------- Illustration: Apps mode mini-mock ----------
const AppsIllustration = () => (
);
// ---------- Sparkline chart used in dashboard ----------
const Sparkline = () => {
const points = [40,45,42,55,52,68,62,75,72,86,82,95,90,108,102,118,115,128,124,140];
const max = 145;
const path = points.map((p,i) => `${i === 0 ? "M" : "L"} ${i * 28} ${160 - (p/max)*140}`).join(" ");
const area = path + ` L ${(points.length - 1) * 28} 160 L 0 160 Z`;
return (
);
};
Object.assign(window, {
Squiggle, Star, Sparkle, CloudDoodle, ArrowCurve, ArrowSquiggle, Dots, Burst, LoopArrow,
AbsoloMark, FeatIcons, TplLogos, SitesIllustration, AppsIllustration, Sparkline,
});