import React from "react";
/* Inline SVG icons for the Sample Docs flow — ported from the design mockup,
stroke 1.7, currentColor so they inherit color from CSS. */
export const Sparkle = ({ size = 15, sw = 1.6 }) => (
);
export const Spinner = ({ size = 22 }) => (
);
const SD_GLYPH = {
truck: "M1 3h13v10H1zM14 8h4l3 3v2h-7zM5.5 18.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM18.5 18.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z",
refund: "M3 12a9 9 0 1 1 3 6.7|M3 21v-4h4",
book: "M4 19.5A2.5 2.5 0 0 1 6.5 17H20V3H6.5A2.5 2.5 0 0 0 4 5.5v14zM4 19.5A2.5 2.5 0 0 0 6.5 22H20v-5",
help: "M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z|M9.5 9a2.5 2.5 0 0 1 5 .25c0 1.5-2.5 2-2.5 3.75M12 17.5h.01",
tag: "M20.6 13.4 12 22l-8-8V4h10l6.6 6.6a2 2 0 0 1 0 2.8z|M7.5 7.5h.01",
};
export const CatGlyph = ({ name, size = 18, sw = 1.7 }) => {
const raw = SD_GLYPH[name] || SD_GLYPH.book;
return (
);
};
export const IconClose = ({ size = 16, sw = 1.7 }) => (
);
export const IconPlus = ({ size = 16, sw = 2 }) => (
);
export const IconCheck = ({ size = 16, sw = 2.4 }) => (
);
export const IconArrowRight = ({ size = 16, sw = 2.2 }) => (
);
export const IconDoc = ({ size = 16, sw = 1.7 }) => (
);
export const IconAlert = ({ size = 20, sw = 1.8 }) => (
);
export const DocIllustration = () => (
);
export const FaqIllustration = () => (
);