Function Sidebar

frontend/src/app/components/Sidebar/Sidebar.tsx:5–20

()

import { SidebarWrapper, Header, Content } from "./styles";

const Sidebar: React.FC = () => {
    const { state } = useSidebar();
    if (!state.show) {
        return null;
    }
    return (
        <SidebarWrapper>
            <Header>
                {state.title}
            </Header>
            <Content>
                {state.content}
            </Content>
        </SidebarWrapper>
    );
};

export default Sidebar;