// Shared chrome — Header, Footer, breadcrumbs, badges, etc.
// All scope-isolated; exports to window at end so other Babel scripts can use them.
const { useState, useMemo } = React;
// ---------- Format helpers ----------
const ISK = (n) => new Intl.NumberFormat("is-IS").format(n) + " kr";
const t = (lang, is, en) => (lang === "en" ? en : is);
// ---------- Logo (matches penninn.is mark; word + nib) ----------
function PenninnLogo({ height = 28, ink = "#1a1a1a" }) {
return (
);
}
// ---------- Top utility strip ----------
function UtilityStrip({ lang, setLang, b2b, setB2b }) {
return (
{t(lang, "Frí heimsending yfir 15.000 kr", "Free shipping over 15.000 kr")}
·
{t(lang, "Sækja í verslun samdægurs", "Same-day store pickup")}
·
{t(lang, "Þjónustuver 540 2000", "Customer service 540 2000")}
·
);
}
// ---------- Main header (mode-aware) ----------
function Header({ mode, setMode, lang, setLang, b2b, setB2b, signedIn, setSignedIn }) {
const accent = window.PENNINN_DATA.accents[mode] || window.PENNINN_DATA.accents.home;
return (
);
}
// ---------- Pickup availability badge ----------
function PickupBadge({ stock, lang, compact = false }) {
const stores = window.PENNINN_DATA.stores;
const available = stores.filter((s) => (stock?.[s.id] ?? 0) > 0);
const total = stores.length;
if (compact) {
return (
s.name).join(", ")}>
{available.length}/{total} {t(lang, "verslanir", "stores")}
);
}
return (
{t(lang, "Sækja í verslun", "Pick up in store")}
{available.length}/{total}
{stores.map((s) => {
const qty = stock?.[s.id] ?? 0;
return (
0 ? "in" : "out")} title={`${s.name}: ${qty} ${t(lang,"á lager","in stock")}`}>
{s.short}
{qty > 0 && {qty}}
);
})}
);
}
// ---------- Discount tag ----------
function DiscountTag({ pct, style = "ribbon" }) {
if (!pct) return null;
return −{pct}%;
}
// ---------- Breadcrumbs ----------
function Crumbs({ items }) {
return (
);
}
// ---------- Footer ----------
function Footer({ lang }) {
return (
);
}
Object.assign(window, {
ISK, t,
PenninnLogo, Header, Footer,
PickupBadge, DiscountTag, Crumbs,
});