/*
    Парус 8 - Панели мониторинга
    Вспомогательные стили - общие
*/

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

import { APP_STYLES } from "../../../app.styles"; //Типовые стили

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

//Ширина компонента
export const P8P_COMPONENT_WIDTH = ({ width, minWidth, maxWidth }) => ({
    ...(width ? { width } : {}),
    ...(minWidth ? { minWidth } : {}),
    ...(maxWidth ? { maxWidth } : {})
});

//Высота компонента
export const P8P_COMPONENT_HEIGHT = ({ height, minHeight, maxHeight }) => ({
    ...(height ? { height } : {}),
    ...(minHeight ? { minHeight } : {}),
    ...(maxHeight ? { maxHeight } : {})
});

//Отображаемый скролл
export const P8P_SCROLL_AUTO = {
    overflow: "auto",
    ...APP_STYLES.SCROLL
};

//Отсутствие отступов
export const P8P_COMPONENT_ZERO_PADDING = {
    padding: "0px"
};

//Стили
export const P8P_SCROLL = {
    "&::-webkit-scrollbar": {
        height: "8px",
        width: "8px"
    },
    "&::-webkit-scrollbar-track": {
        borderRadius: "8px",
        backgroundColor: "#EBEBEB"
    },
    "&::-webkit-scrollbar-thumb": {
        borderRadius: "8px",
        backgroundColor: "#b4b4b4"
    },
    "&::-webkit-scrollbar-thumb:hover": {
        backgroundColor: "#808080"
    }
};