/* eslint-disable */ /* Shared primitive components for the IBH LP */ const { useState, useEffect, useRef, useCallback, useMemo } = React; // — Wordmark — function Wordmark({ size = 18, mono = false }) { if (mono) { return ( IBH ); } return ( Instituto{" "}Bárbara Helen Medicina capilar · Desde 2014 ); } // — Monogram circle — function Monogram({ size = 44, color }) { return ( I B H ); } // — Eyebrow — function Eyebrow({ children, mark }) { return ( {mark && } {children} ); } // — Image placeholder w/ optional drag-drop — function ImageSlot({ id, label, ratio = "3 / 4", height, fillable = true, style, mask }) { // image-slot custom element doesn't honor aspect-ratio reliably (shadow-DOM // :host has explicit width:240/height:160). We measure the rendered width // and set an explicit pixel height matching the requested ratio. const ref = React.useRef(null); const [h, setH] = React.useState(height || 320); React.useEffect(() => { if (height) return; const el = ref.current; if (!el) return; const compute = () => { const w = el.getBoundingClientRect().width; if (!w) return; const [num, den] = String(ratio).split("/").map(s => parseFloat(s.trim())); if (!num || !den) return; setH(Math.round(w * (den / num))); }; compute(); const ro = new ResizeObserver(compute); if (el.parentElement) ro.observe(el.parentElement); window.addEventListener("resize", compute); return () => { ro.disconnect(); window.removeEventListener("resize", compute); }; }, [ratio, height]); const wrapStyle = { height: h, width: "100%", display: "block", ...style }; if (fillable) { return ( ); } return (
{label}
); } // — Hairline section divider — function Hairline({ children }) { return (
{children && {children}} {children && }
); } // — Stat block — function Stat({ value, label, source, large }) { return (
{value}
{label}
{source &&
{source}
}
); } // — CTA pair — function CTAPair({ on = "light" }) { const dark = on === "dark"; return (
Agendar avaliação no WhatsApp Como diagnosticamos
); } // — FAQ-style accordion item — function Disclosure({ title, children, defaultOpen = false }) { const [open, setOpen] = useState(defaultOpen); return (
{children}
); } // — Top nav — function TopNav() { return (
Instituto Bárbara Helen Medicina Capilar Agendar avaliação
); } // — Footer — function Footer() { return ( ); } Object.assign(window, { Wordmark, Monogram, Eyebrow, ImageSlot, Hairline, Stat, CTAPair, Disclosure, TopNav, Footer });