/* global React */
const { useState, useEffect, useRef, useMemo } = React;
// Wordmark / brand mark — a quiet "D" mark
const BrandMark = ({ size = 22, color = "currentColor" }) => (
);
const Arrow = ({ size = 14 }) => (
);
const ArrowRight = ({ size = 14 }) => (
);
const SendIcon = ({ size = 16 }) => (
);
const Sparkle = ({ size = 14 }) => (
);
// Tiny glyphs for capability tiles
const Glyph = ({ kind, size = 36 }) => {
const stroke = "currentColor";
const props = { width: size, height: size, viewBox: "0 0 36 36", fill: "none" };
switch (kind) {
case "storefront":
return (
);
case "catalog":
return (
);
case "brand":
return (
);
case "checkout":
return (
);
case "ops":
return (
);
case "analytics":
return (
);
case "infra":
return (
);
default:
return null;
}
};
window.BrandMark = BrandMark;
window.Arrow = Arrow;
window.ArrowRight = ArrowRight;
window.SendIcon = SendIcon;
window.Sparkle = Sparkle;
window.Glyph = Glyph;