import Link from 'next/link';
import { LayoutDashboard, Store, Utensils, QrCode, ShoppingBag, CreditCard, Palette, Settings, Users } from 'lucide-react';

export default function Sidebar({ admin = false }: { admin?: boolean }) {
  const items = admin ? [
    [LayoutDashboard, 'Resumen', '/admin'], [Store, 'Negocios', '#'], [Users, 'Usuarios', '#'], [CreditCard, 'Planes y pagos', '#'], [Settings, 'Configuración', '#']
  ] : [
    [LayoutDashboard, 'Resumen', '/dashboard'], [Store, 'Mi negocio', '#'], [Utensils, 'Carta y productos', '#'], [ShoppingBag, 'Pedidos', '#'], [QrCode, 'Código QR', '#'], [CreditCard, 'Medios de pago', '#'], [Palette, 'Diseño', '#'], [Settings, 'Configuración', '#']
  ];
  return <aside className="sidebar">
    <div className="brand sidebarBrand"><span className="brandMark">C</span><span>CHAPATUCARTA</span></div>
    <div className="sideLabel">{admin ? 'SUPERADMIN' : 'RESTAURANTE'}</div>
    <nav>{items.map(([Icon,label,href]:any,i)=><Link className={i===0?'sideLink active':'sideLink'} href={href} key={label}><Icon size={18}/>{label}</Link>)}</nav>
    <div className="sideFooter">v0.1 · MVP inicial</div>
  </aside>
}