/* global React */
// Icons + Logo + atoms shared across pages
const Icon = {
arrow: (p) => (
),
arrowLeft: (p) => (
),
caret: (p) => (
),
check: (p) => (
),
checkCircle: (p) => (
),
star: (p) => (
),
award: (p) => (
),
message: (p) => (
),
target: (p) => (
),
zap: (p) => (
),
cpu: (p) => (
),
cloud: (p) => (
),
shield: (p) => (
),
monitor: (p) => (
),
code: (p) => (
),
layers: (p) => (
),
smile: (p) => (
),
globe: (p) => (
),
heart: (p) => (
),
briefcase: (p) => (
),
energy: (p) => (
),
chart: (p) => (
),
users: (p) => (
),
pulse: (p) => (
),
search: (p) => (
),
menu: (p) => (
),
x: (p) => (
),
github: (p) => (
),
linkedin: (p) => (
),
twitter: (p) => (
),
email: (p) => (
),
phone: (p) => (
),
pin: (p) => (
),
quote: (p) => (
),
};
// 7Code Logo (single mark), "7" stroke is cyan accent, rest is ink/inherit
function Logo({ height = 28, color }) {
const accent = "var(--cyan-500)";
return (
);
}
window.Icon = Icon;
window.Logo = Logo;