/* global React */
// ============ Icon components ============
const Icon = {
Arrow: (props) => (
),
Check: () => (
),
Bolt: () => (
),
Shield: () => (
),
Globe: () => (
),
Network: () => (
),
Chart: () => (
),
Code: () => (
),
Lock: () => (
),
Refresh: () => (
),
};
// ============ Wordmark ============
function Wordmark({ size = 22, accent = "#3B6BFF" }) {
return (
Rival
);
}
// ============ Nav ============
function Nav() {
const [scrolled, setScrolled] = React.useState(false);
React.useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 20);
window.addEventListener("scroll", onScroll, { passive: true });
return () => window.removeEventListener("scroll", onScroll);
}, []);
return (
);
}
// Make available to other files
window.RivalIcons = Icon;
window.RivalWordmark = Wordmark;
window.RivalNav = Nav;