import {useSidebar} from "@contexts/sidebarContext";
import {useThemeProvider} from "@contexts/themeContext";

const AppContainer=({children})=>{
    const {open} = useSidebar();
    const {isMobile} = useThemeProvider();
    const sidebar=open?'sidebar-open':'sidebar-close';
    const styleadd=isMobile()?'':sidebar;
    return (
        <div className={`app_container ${styleadd}`} style={{marginTop:"var(--header-active)"}}>
            {children}
        </div>
    )
}
export default AppContainer;