import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Container } from '../DashboardLayout/Container';
import { dashboardLayoutClassnames } from '../DashboardLayout/constants';
import { DashboardLayout } from '../DashboardLayout/DashboardLayout';
import { DecorativeHeaderBackground, Wrapper, } from '../DashboardLayout/DashboardWrapper/styles';
import { Header } from '../DashboardLayout/Header';
import { DashboardSidebarSkeleton } from '../DashboardSidebarSkeleton';
import { MenuOrganizationSkeleton } from '../MenuOrganization';
import { LoadingPlaceholder } from '../placeholders/LoadingPlaceholder';
import { Content } from './styles';
/**
 * Компонент можно использовать для отображения состояния загрузки дашборда
 */
export const DashboardLayoutSkeleton = ({ product, productSwitcher, hasSidebar = true, hasProfile = true, hasMenuOrganization = true, }) => {
    return (_jsxs(Wrapper, { className: dashboardLayoutClassnames.root, children: [_jsx(DecorativeHeaderBackground, { role: "presentation", "$isFocusedMode": false }), _jsxs(Container, { children: [hasSidebar && _jsx(DashboardSidebarSkeleton, {}), _jsx(Header, { productSwitcher: productSwitcher, product: product, menuOrganization: hasMenuOrganization ? () => _jsx(MenuOrganizationSkeleton, {}) : undefined, profile: hasProfile
                            ? { displayName: '', isLoading: true, menuList: [] }
                            : undefined }), _jsx(DashboardLayout.Main, { children: _jsx(Content, { children: _jsx(LoadingPlaceholder, { title: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445" }) }) })] })] }));
};
