/* Hand-drawn SVG primitives — all stroke-based so we can animate draw-in */
type SvgStyleProps = { style?: React.CSSProperties };
type SvgColorProps = SvgStyleProps & { color?: string };
type IconSizeProps = { size?: number; color?: string };
const Underline = ({ style }: SvgStyleProps) => (
);
const UnderlineDouble = ({ style }: SvgStyleProps) => (
);
const CircleScribble = ({ style, color = "var(--ochre-deep)" }: SvgColorProps) => (
);
const ArrowHand = ({ style, color = "var(--ink-soft)" }: SvgColorProps) => (
);
const ArrowRight = ({ size = 18, color = "currentColor" }: IconSizeProps) => (
);
const Asterisk = ({ size = 20, color = "var(--ochre-deep)" }: IconSizeProps) => (
);
const Strike = ({ style }: SvgStyleProps) => (
);
const Star = ({ size = 24, color = "var(--ochre-deep)" }: IconSizeProps) => (
);
// hand-drawn service icons
const IconPencil = () => (
);
const IconBrain = () => (
);
const IconCode = () => (
);
const IconShop = () => (
);
const IconBot = () => (
);
const IconFlow = () => (
);
Object.assign(window, {
Underline, UnderlineDouble, CircleScribble, ArrowHand, ArrowRight,
Asterisk, Strike, Star,
IconPencil, IconBrain, IconCode, IconShop, IconBot, IconFlow,
});