import { __makeTemplateObject } from "tslib";
import { createGlobalStyle, css } from "styled-components";
import { LIGHT_THEME } from "../Pallette/themes";
import { getTheme } from "../utils/theme/getTheme";
import { defaultTheme } from "./theme";
var COMPONENT_NAME = "scroll";
var ScrollStyle = createGlobalStyle(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ::-webkit-scrollbar {\n    background-color: transparent;\n    width: 12px;\n    height: 12px;\n    z-index: 999999;\n  }\n\n  ::-webkit-scrollbar-track {\n    background-color: transparent;\n    border-radius: 50%;\n  }\n\n  ::-webkit-scrollbar-track:hover {\n    background-color: transparent;\n  }\n\n  ::-webkit-scrollbar-track-piece {\n    background-color: transparent;\n  }\n\n  ::-webkit-scrollbar-corner {\n    background: transparent;\n  }\n  \n  ", "\n"], ["\n  ::-webkit-scrollbar {\n    background-color: transparent;\n    width: 12px;\n    height: 12px;\n    z-index: 999999;\n  }\n\n  ::-webkit-scrollbar-track {\n    background-color: transparent;\n    border-radius: 50%;\n  }\n\n  ::-webkit-scrollbar-track:hover {\n    background-color: transparent;\n  }\n\n  ::-webkit-scrollbar-track-piece {\n    background-color: transparent;\n  }\n\n  ::-webkit-scrollbar-corner {\n    background: transparent;\n  }\n  \n  ", "\n"])), function (props) {
    var theme = getTheme({
        theme: props.theme,
        componentName: COMPONENT_NAME,
        defaultTheme: defaultTheme
    });
    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      ::-webkit-scrollbar-thumb {\n        background-color: ", ";\n        border: 4px solid transparent;\n        background-clip: padding-box;\n        border-radius: 8px;\n\n        &:hover {\n          background-color: ", ";\n        }\n\n        &:active {\n          background-color: ", ";\n        }\n\n        &:disabled {\n          background-color: ", ";\n        }\n      }\n    "], ["\n      ::-webkit-scrollbar-thumb {\n        background-color: ", ";\n        border: 4px solid transparent;\n        background-clip: padding-box;\n        border-radius: 8px;\n\n        &:hover {\n          background-color: ", ";\n        }\n\n        &:active {\n          background-color: ", ";\n        }\n\n        &:disabled {\n          background-color: ", ";\n        }\n      }\n    "])), theme.components.scroll.background, theme.components.scroll.backgroundHover, theme.components.scroll.backgroundActive, theme.components.scroll.backgroundDisabled);
});
ScrollStyle.defaultProps = {
    theme: LIGHT_THEME
};
export default ScrollStyle;
var templateObject_1, templateObject_2;
