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

//---------------------
//Подключение библиотек
//---------------------

import { P8P_COMPONENT_HEIGHT, P8P_COMPONENT_WIDTH } from "../styles/common"; //Стили - общие

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

//Кастомные сетки
export const P8P_GRIDS = {
    primary: {},
    P8PPrimary: {},
    P8PSvgContainer: {
        ...P8P_COMPONENT_WIDTH({ width: "100%" }),
        ...P8P_COMPONENT_HEIGHT({ height: "100%" })
        //width: "100%",
        //height: "100%"
    },
    P8PPanelsMenu: {
        ...P8P_COMPONENT_WIDTH({ maxWidth: 1200 }),
        //maxWidth: 1200,
        direction: "row",
        justifyContent: "left",
        alignItems: "stretch"
    }
};

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

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