const { Accordion, Card, Icon, Button, Divider, SectionLabel } = window.BuildingInvestDesignSystem_f8840b; function Services({ onNavigate, lang }) { const t = window.I18N[lang]; const svc = window.BI_DATA[lang].services; const [active, setActive] = React.useState(svc[0].id); const cur = svc.find((s) => s.id === active) || svc[0]; const width = useViewportWidth(); const stack = width < 800; const scopeCols = width < 480 ? 1 : 2; return <>
{t.services.label}

{t.services.h1}

{t.services.lead}

{svc.map((s) => ( setActive(s.id)} /> ))}

{cur.title}

{cur.lead}

{cur.equipment ? (
{cur.equipment.map((e) => (
{e.label}
{e.label}
))}
) : (
{cur.items.map((i) => (
{i}
))}
)}
{cur.image ? (
{cur.title}
) : ( )}
; } Object.assign(window, { Services });