Ebube
20 lines
457 B
TypeScript
20 lines
457 B
TypeScript
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;
|