/* Gallery — masonry grid of interiors. */
function Gallery({ go }) {
  const DS = window.OcaInteriorsDesignSystem_2c041d;
  const P = window.OcaPlaceholders;
  const { NavBar, GalleryGrid } = DS;
  const imgs = [
    P.exterior, P.hallway, { src: P.living, span: 2 },
    { src: P.kitchen, span: 2 }, P.dining, P.terracotta,
    P.bedroom, P.garden, P.bath, P.forest, { src: P.patio, span: 2 }, P.plan,
  ];
  return (
    <div style={{ background: "var(--oca-white)", minHeight: "100%" }}>
      <div style={{ background: "var(--surface-page)" }}>
        <NavBar active="Gallery" items={window.ocaNavItems(go)} />
      </div>
      <div style={{ maxWidth: "var(--max-content)", margin: "0 auto", padding: "56px 40px 96px" }}>
        <GalleryGrid columns={3} gap={18} images={imgs} />
      </div>
      <window.Footer />
    </div>
  );
}
window.Gallery = Gallery;