"use client";

import SidebarContent from './SidebarContent';

interface SidebarProps {
  isCollapsed?: boolean;
}

const Sidebar = ({ isCollapsed = false }: SidebarProps) => {
  return (
    <div className={`hidden md:flex h-screen w-64 flex-col fixed left-0 top-0 z-40 transition-transform duration-300 ease-in-out ${
      isCollapsed ? '-translate-x-full' : 'translate-x-0'
    }`}>
      <div className="flex-1 overflow-y-auto border-r bg-background">
        <SidebarContent />
      </div>
    </div>
  );
};

export default Sidebar;