// atoms.jsx — shared building blocks // Placeholders, icons, nav, footer const { useState, useEffect, useRef } = React; // ── Placeholder block (instead of imagery) ────────────────────────────── function PH({ label = '', tone = 'default', children, style, className = '', icon = null, src = null, alt = '' }) { if (src) { return (
{alt {children}
); } return (
{icon &&
{icon}
} {children}
); } // Mountain SVG icon for placeholders const MountainIcon = () => ( ); // ── Icons ─────────────────────────────────────────────────────────────── const Ico = { arrow: , arrowSm: , wifi: , parking: , pet: , pool: , fire: , kitchen: , tv: , ac: , sauna: , view: , bbq: , baby: , bike: , cave: , ski: , hike: , water: , food: , star: , ig: , fb: , phone: , mail: , pin: , check: , }; // ── Top nav ───────────────────────────────────────────────────────────── function TopNav({ current, onNav, lang, setLang, scrolled }) { const items = [ { id: 'home', label: 'Domov' }, { id: 'regiony', label: 'Regióny' }, { id: 'atrakcie', label: 'Atrakcie' }, { id: 'sluzby', label: 'Služby & Akcie' }, { id: 'about', label: 'O nás' }, { id: 'kontakt', label: 'Kontakt' }, ]; return ( ); } // ── Footer ────────────────────────────────────────────────────────────── function Footer({ onNav }) { const link = (id, label) => ( { e.preventDefault(); onNav(id); }}>{label} ); return ( ); } // ── Section head helper ──────────────────────────────────────────────── function SectionHead({ eyebrow, title, lead, action }) { return (
{eyebrow &&
{eyebrow}
}

{title}

{(lead || action) && (
{lead &&

{lead}

} {action}
)}
); } // expose Object.assign(window, { PH, Ico, MountainIcon, TopNav, Footer, SectionHead });