// Shared UI primitives for BeckHost
const BHLogo = ({ size = 28 }) => (
);
const Wordmark = ({ size = 22 }) => (
);
const Arrow = ({ size = 14 }) => (
);
const Check = ({ size = 16 }) => (
);
const Btn = ({ kind = "primary", children, onClick, href, ...rest }) => {
const cls = `btn btn-${kind}`;
if (href) return {children};
return ;
};
// Faux browser frame for portfolio
const BrowserFrame = ({ url, children, accent }) => (
);
// Tag with dot
const Dot = ({ color = "var(--bh-green)" }) => (
);
// Map of NH to subtly reinforce locality (stylized, not literal)
const NHGlyph = ({ size = 80 }) => (
);
const useIsMobile = (breakpoint = 768) => {
const [isMobile, setIsMobile] = React.useState(window.innerWidth <= breakpoint);
React.useEffect(() => {
const handler = () => setIsMobile(window.innerWidth <= breakpoint);
window.addEventListener("resize", handler);
return () => window.removeEventListener("resize", handler);
}, [breakpoint]);
return isMobile;
};
Object.assign(window, { BHLogo, Wordmark, Arrow, Check, Btn, BrowserFrame, Dot, NHGlyph, useIsMobile });