const Sidebar = ({
  toggleSidebar,
  isSidebarOpen,
}: {
  toggleSidebar: () => void;
  isSidebarOpen: boolean;
}) => {
  const isActive = isSidebarOpen ? "sidebar-close" : "sidebar-open";

  return (
    // <div className={`sidebar ${isSidebarOpen ? "open" : ""}`}>
    <div className={`${isActive} sidebar`}>
      {/* Sidebar content goes here */}
      <button onClick={toggleSidebar}>Close Sidebar</button>
    </div>
  );
};

export default Sidebar;
