// Inline condition-reflecting icons. Stroke SVGs sized 24x24, viewBox 0 0 24 24.
// Two visual treatments via the `family` prop:
// "saffron" — gradient stroke (psychiatry/neurology)
// "teal" — flat var(--teal-600) stroke (ophthalmology)
const ICON_PATHS = {
depression: ,
adhd: ,
schizophrenia: ,
deaddiction: ,
dementia: ,
headache: ,
epilepsy: ,
stroke: ,
insomnia: ,
apnoea: ,
cataract: ,
glaucoma: ,
dryEye: ,
eye: ,
glasses: ,
retina: ,
};
function ConditionIcon({ name, family = 'saffron', size = 26 }) {
const stroke = family === 'teal' ? 'var(--teal-600)' : 'url(#saffronGrad)';
return (
);
}
function IconDefs() {
return (
);
}
// Lucide-style chevron / utility
function Chevron({ dir = 'right', size = 16 }) {
const rot = { right: 0, left: 180, down: 90, up: -90 }[dir];
return (
);
}
function CloseIcon({ size = 18 }) {
return (
);
}
function PhoneIcon({ size = 16 }) {
return (
);
}
function PinIcon({ size = 16 }) {
return (
);
}
function ClockIcon({ size = 16 }) {
return (
);
}
function MenuIcon({ size = 22 }) {
return (
);
}
function ArrowRight({ size = 14 }) {
return (
);
}
Object.assign(window, { ConditionIcon, IconDefs, Chevron, CloseIcon, PhoneIcon, PinIcon, ClockIcon, MenuIcon, ArrowRight });