/** @jsx React.createElement */
/* Sidebar — replicates the real allianceboard nav.
Flat list, white text + light outline icons on slate-navy,
thin dividers between items, white left-edge bar + bold label on active. */
const SIDEBAR_ITEMS = [
{ name: 'Dashboard', icon: 'gauge' },
{ name: 'Reports', icon: 'report' },
{ name: 'Calendar', icon: 'calendar', dividerBefore: true },
{ name: 'Organizations & Contacts', icon: 'address' },
{ name: 'Documents', icon: 'doc' },
{ name: 'Opportunities', icon: 'bulb', dividerBefore: true },
{ name: 'Evaluations', icon: 'clipboard' },
{ name: 'Contracts & Assets', icon: 'contract' },
{ name: 'Partners & Projects', icon: 'network' },
{ name: 'Account', icon: 'user', dividerBefore: true },
{ name: 'Settings', icon: 'gear' },
{ name: 'Help & Resources', icon: 'help' },
];
const CHROME_NAVY = '#3F507B';
function SidebarIcon({ name }) {
const sw = 1.5;
const common = {
width: 18, height: 18, viewBox: '0 0 24 24',
fill: 'none', stroke: 'currentColor', strokeWidth: sw,
strokeLinecap: 'round', strokeLinejoin: 'round',
};
const paths = {
gauge: (
),
report: (
),
calendar: (
),
address: (
),
doc: (
),
bulb: (
),
clipboard: (
),
contract: (
),
network: (
),
tools: null,
user: (
),
gear: (
),
help: (
),
};
return paths[name];
}
function Sidebar({ active, onNavigate, onCollapse, collapsed = false }) {
const W = collapsed ? 64 : 240;
return (
);
}
Object.assign(window, { Sidebar });