import { Box } from 'lucide-react';
import { MadeWithDyad } from './made-with-dyad';
import { SidebarNav } from './SidebarNav';

const Sidebar = () => {
  return (
    <aside className="w-64 flex-shrink-0 bg-white p-4 hidden md:flex flex-col">
      <div>
        <div className="flex items-center mb-8">
          <Box className="h-8 w-8 text-slate-700 mr-2" />
          <h1 className="text-xl font-bold text-gray-800">JEI Stock Take</h1>
        </div>
        <SidebarNav />
      </div>
      <div className="mt-auto">
        <MadeWithDyad />
      </div>
    </aside>
  );
};

export default Sidebar;