// =============================================================
// Sidebar / TopNav — desktop layout shell
// =============================================================
const NAV_ITEMS = [
{ id: "home", label: "首页", sub: "Home", icon: "home" },
{ id: "album", label: "相册", sub: "Album", icon: "album" },
{ id: "promises", label: "承诺", sub: "Promises", icon: "promise" },
{ id: "stories", label: "故事本", sub: "Stories", icon: "story" },
];
const NavIcon = ({ name, on }) => {
const c = on ? "#8B4F32" : "#B5946D";
const stroke = { fill: "none", stroke: c, strokeWidth: 1.8, strokeLinecap: "round", strokeLinejoin: "round" };
switch (name) {
case "home": return ;
case "album": return ;
case "promise": return ;
case "story": return ;
default: return null;
}
};
const Sidebar = ({ active, onNav, onSettings, settings }) => {
const togetherDays = window.xm.util.daysSince(settings.togetherDate);
return (
);
};
Object.assign(window, { Sidebar, NAV_ITEMS });