// Componentes compartidos entre páginas const { useState } = React; // Mapa del mundo estilizado con pines (continentes abstractos + grid de puntos) function WorldMap({ t, pins, height = 'auto', onPinClick, large = false }) { return (
{Array.from({ length: 25 }).map((_, i) => ( Array.from({ length: 50 }).map((_, j) => ( )) ))} {pins.map((p, i) => (
onPinClick && p.id && onPinClick(p.id)} > {!p.future &&
}
{p.label}
))}
); } // Tarjeta de post — estilo varía según tema A (magazine) o C (scrapbook con sello) function PostCard({ post, t, onClick, variant = 'default' }) { const isC = t.style === 'scrapbook'; const placeholderBg = `repeating-linear-gradient(45deg, ${t.bgAlt} 0 8px, ${t.paper} 8px 16px)`; if (variant === 'featured') { return (
{!post.coverImage && `[ foto destacada · ${post.id}.jpg ]`} {isC &&
VISITADO
{post.dateShort}
}
{post.country} · {post.date} · {post.readMin} min

{post.title}

{post.subtitle}

Leer historia →
); } return (
{!post.coverImage && `[ foto · ${post.id}.jpg ]`}
{post.photoCount} fotos
{post.country} · {post.date}

{post.title}

{post.subtitle}

); } // Encabezado de sección con eyebrow + título — estilo varía por tema function SectionHead({ eyebrow, title, aside, t }) { const isC = t.style === 'scrapbook'; return (
{eyebrow &&
{eyebrow}
}

{title}

{aside &&
{aside}
}
); } // Embed de la app de fotos (mockup) function PhotoMapApp({ t, compact = false }) { const isC = t.style === 'scrapbook'; return (
{isC ? '∮ app embebida · beta' : '✨ App de fotos · beta'}

Cada foto en el lugar exacto donde la tomamos.

Nuestra app pequeña: un mapa con todas las fotos del blog ancladas en la coordenada exacta donde se tomaron. Se mueve, se filtra por viaje y se comparte.

Abrir mapa de fotos →
); } function PhotoMapMock({ t }) { const isC = t.style === 'scrapbook'; const pinShape = isC ? 0 : 8; return (
{Array.from({ length: 19 }).map((_, i) => ( Array.from({ length: 20 }).map((_, j) => ( )) ))}
{isC ? '↦ 44.10°N · 9.74°E' : '📍 Cinque Terre, Italia'} 24 fotos
{[ { x: 22, y: 32 }, { x: 40, y: 42 }, { x: 58, y: 55 }, { x: 75, y: 32 }, { x: 32, y: 65 }, { x: 62, y: 78 }, ].map((p, i) => (
))}
); } Object.assign(window, { WorldMap, PostCard, SectionHead, PhotoMapApp });