// eixo-symbols.jsx — The Eixo Pharma symbol family.
// Four variants of the mark, each riffing on the HPTA axis idea (vertical
// spine with three nodes = hypothalamus, pituitary, gonads). All marks are
// renderable in any color via the `fg` prop, and any size via `size`.
const EixoHPTA = ({ size = 64, fg = "currentColor", thick = false }) => {
// Vertical spine with three nodes. Top node (small) = hypothalamus,
// middle (medium) = pituitary, bottom (large) = gonads/HPTA endpoint.
const sw = thick ? 7 : 5;
return (
);
};
const EixoDelta = ({ size = 64, fg = "currentColor", thick = false }) => {
// Solid triangle (delta = change) with the HPTA spine bisecting it.
const sw = thick ? 6 : 4;
return (
);
};
const EixoEMark = ({ size = 64, fg = "currentColor", thick = false }) => {
// Bold "E" built from the axis idea — single vertical bar, three rungs of
// varying length. Reads as both 'E' and as the HPTA spine.
const sw = thick ? 9 : 7;
return (
);
};
const EixoSelo = ({ size = 64, fg = "currentColor", thick = false }) => {
// Stamp / seal — circle with the HPTA mark centered and "EIXO" microcopy
// arcing along the top edge of the inner ring.
const sw = thick ? 3 : 2;
return (
);
};
const EixoSymbol = ({ variant = "hpta", size = 64, fg = "currentColor", thick = false }) => {
const Map = { hpta: EixoHPTA, delta: EixoDelta, emark: EixoEMark, selo: EixoSelo };
const Cmp = Map[variant] || EixoHPTA;
return ;
};
// Pictograms used across all three directions. Drawn at 32x32, line-based.
const Pictograms = {
pill: (s = 24, c = "currentColor") => (
),
syringe: (s = 24, c = "currentColor") => (
),
flask: (s = 24, c = "currentColor") => (
),
dumbbell: (s = 24, c = "currentColor") => (
),
hormone: (s = 24, c = "currentColor") => (
),
chart: (s = 24, c = "currentColor") => (
),
shield: (s = 24, c = "currentColor") => (
),
people: (s = 24, c = "currentColor") => (
),
book: (s = 24, c = "currentColor") => (
),
spine: (s = 24, c = "currentColor") => (
),
target: (s = 24, c = "currentColor") => (
),
cycle: (s = 24, c = "currentColor") => (
),
};
// A reusable placeholder image — striped diagonal with a tiny mono label.
const PhotoSlot = ({ w = "100%", h = 180, label = "PHOTO", fg = "#999", bg = "#eee", radius = 0 }) => (
↳ {label}
);
Object.assign(window, { EixoSymbol, EixoHPTA, EixoDelta, EixoEMark, EixoSelo, Pictograms, PhotoSlot });