/* global React */
// Icon library, minimal SVGs used across the site.
const Icon = {
// Brand logo, rendered from the official SVG. The artwork is sage-painted
// by default but accepts an `invert` flag for use on dark backgrounds.
Logo: ({ size = 40, invert = false }) => (
),
Leaf: () => (
),
Calendar: () => (
),
Clock: () => (
),
ArrowRight: () => (
),
// Sigils for the IOU stages, rendered from the brand image set so they
// exactly match the artwork in the Figma file. We let the image keep its
// natural aspect ratio so the artwork is never squished; the wrapper just
// bounds the maximum dimension via `max-width` / `max-height`.
SigilInner: ({ size = 120 }) => (
),
SigilOver: ({ size = 120 }) => (
),
// UnderStanding uses the ouroboros snake artwork (no text). The asset is
// already roughly square so it scales cleanly inside the wrapper.
SigilUnder: ({ size = 120 }) => (
),
// Decorative organic line (used in heros)
Squiggle: ({ className }) => (
),
};
window.Icon = Icon;
),
SigilOver: ({ size = 120 }) => (
),
// UnderStanding uses the ouroboros snake artwork (no text). The asset is
// already roughly square so it scales cleanly inside the wrapper.
SigilUnder: ({ size = 120 }) => (
),
// Decorative organic line (used in heros)
Squiggle: ({ className }) => (
),
};
window.Icon = Icon;