// SVG mockup illustrations — used in place of photo placeholders
window.Artwork = {
lagoon: (label) => (
),
ruins: (label) => (
),
jungle: (label) => (
),
reef: (label) => (
),
beach: (label) => (
),
atv: (label) => (
),
van: (label) => (
)
};
// Maps tour.color slot to an artwork variant
window.artworkFor = (tour) => {
const byId = {
'sailboat-bacalar': 'lagoon',
'pontoon-rapids': 'lagoon',
'kayak-sunrise': 'lagoon',
'cenotes-tour': 'jungle',
'chacchoben-port': 'ruins',
'kohunlich': 'ruins',
'tulum-day': 'ruins',
'chichen-itza': 'ruins',
'mahahual-beach-club': 'beach',
'atv-jungle': 'atv',
'snorkel-reef': 'reef',
'transfer-cun': 'van',
'transfer-tulum': 'van'
};
return byId[tour.id] || 'lagoon';
};
// Placeholder replacement — render Artwork SVG plus a bottom-aligned mono caption
window.PH = ({ kind, label, children, style, className }) => {
const Art = window.Artwork[kind] || window.Artwork.lagoon;
return (
{Art(null)}
{label && {label}}
{children}
);
};