/*
    Парус 8 - Панели мониторинга
    Расширение стилистики Grid
*/

//----------------
//Интерфейс модуля
//----------------

//Кастомные сетки
export const P8P_GRIDS = {
    primary: {},
    P8PPrimary: {},
    P8PSvgContainer: {
        width: "100%",
        height: "100%"
    },
    P8PPanelsMenu: {
        maxWidth: "1200px",
        direction: "row",
        justifyContent: "left",
        alignItems: "stretch"
    },
    P8PHeaderFilterContainer: {
        height: "100%",
        display: "flex",
        flexDirection: "row",
        alignItems: "center",
        position: "relative",
        marginTop: "0px",
        "& .MuiGrid-item": {
            paddingTop: "0 !important"
        }
    },
    P8PHeaderFilterItem: {
        minWidth: "125px",
        height: "100%",
        alignContent: "center"
    }
};

//Наименование кастомных сеток
export const P8P_GRID_VARIANT = {
    PRIMARY: "P8PPrimary",
    SVG_CONTAINER: "P8PSvgContainer",
    PANELS_MENU: "P8PPanelsMenu",
    HEADER_FILTER_CONTAINER: "P8PHeaderFilterContainer",
    HEADER_FILTER_ITEM: "P8PHeaderFilterItem"
};

//Кастомная стилистика компонента
export const P8P_GRID_OVERRIDES = {
    styleOverrides: {
        root: ({ ownerState }) => {
            //Определяем вариант
            const variant = ownerState["variant"] || "primary";
            //Возвращаем стили варианта
            return P8P_GRIDS[variant];
        }
    }
};