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

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

//Ширина компонента
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_COMPONENT_FULL_SIZE = {
    height: "100%",
    width: "100%"
};

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

//Блок с возможностью нажатия
export const P8P_COMPONENT_CLICKABLE_OPACITY = {
    cursor: "pointer",
    "&:hover": { backgroundColor: "inherit", opacity: "0.8" }
};

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

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