/* Shared line-icon set + tiny router helpers used by all three design previews.
Loaded as a plain global; exports onto window so each design's app can use them. */
const I = {
phone: (p) => ,
calendar: (p) => ,
pin: (p) => ,
clock: (p) => ,
check: (p) => ,
arrow: (p) => ,
arrowUR: (p) => ,
menu: (p) => ,
close: (p) => ,
chevron: (p) => ,
star: (p) => ,
shield: (p) => ,
tooth: (p) => ,
users: (p) => ,
doc: (p) => ,
heart: (p) => ,
micro: (p) => ,
card: (p) => ,
sparkle: (p) => ,
};
/* hash router shared by all three previews: #/ , #/doctors , #/doctors/:slug */
function parseHash() {
let h = window.location.hash.replace(/^#/, "");
if (!h) h = "/";
const [path, qs] = h.split("?");
const query = {};
if (qs) qs.split("&").forEach((kv) => { const [k, v] = kv.split("="); query[k] = decodeURIComponent(v || ""); });
return { path: path || "/", query };
}
function useRoute() {
const [route, setRoute] = React.useState(parseHash());
React.useEffect(() => {
const onHash = () => { setRoute(parseHash()); window.scrollTo({ top: 0, behavior: "auto" }); };
window.addEventListener("hashchange", onHash);
return () => window.removeEventListener("hashchange", onHash);
}, []);
return route;
}
function Phone({ children, className, ...rest }) {
return {children};
}
function OfficePhone({ loc, className, icon }) {
const inner = {icon && } {loc.phoneLabel};
return loc.tel
? {inner}
: {inner};
}
Object.assign(window, { I, parseHash, useRoute, Phone, OfficePhone });