1import styles from "./Sidebar.module.css";
 2
 3const navItems = [
 4  { label: "Overview", icon: "📊" },
 5  { label: "Analytics", icon: "📈" },
 6  { label: "Customers", icon: "👥" },
 7  { label: "Settings", icon: "⚙️" },
 8];
 9
10export function Sidebar() {
11  return (
12    <aside className={styles.sidebar}>
13      <div className={styles.logo}>Dashboard</div>
14      <nav className={styles.nav}>
15        {navItems.map((item) => (
16          <a key={item.label} href="#" className={styles.navItem}>
17            <span>{item.icon}</span>
18            <span>{item.label}</span>
19          </a>
20        ))}
21      </nav>
22    </aside>
23  );
24}