P8-Panels/app/theme/variants/p8p_card_variants.js

45 lines
1.2 KiB
JavaScript

/*
Парус 8 - Панели мониторинга
Расширение стилистики Card
*/
//---------------------
//Подключение библиотек
//---------------------
import { P8P_COMPONENT_HEIGHT, P8P_COMPONENT_WIDTH } from "../styles/common"; //Стили - общие
//----------------
//Интерфейс модуля
//----------------
//Кастомные карточки
export const P8P_CARDS = {
primary: {},
P8PPanelInfo: {
...P8P_COMPONENT_WIDTH({ maxWidth: 400 }),
...P8P_COMPONENT_HEIGHT({ height: "100%" }),
//maxWidth: 400,
//height: "100%",
flexDirection: "column",
display: "flex"
}
};
//Наименование кастомных карточек
export const P8P_CARD_VARIANT = {
PANEL_INFO: "P8PPanelInfo"
};
//Кастомная стилистика компонента
export const P8P_CARD_OVERRIDES = {
styleOverrides: {
root: ({ ownerState }) => {
//Определяем вариант
const variant = ownerState["variant"] || "primary";
//Возвращаем стили варианта
return P8P_CARDS[variant];
}
}
};