"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "addScrollbar", {
    enumerable: true,
    get: function() {
        return addScrollbar;
    }
});
const addScrollbar = (args)=>{
    const { scrollWidth, trackColor, thumbColor, thumbHoverColor, thumbActiveColor, scrollHeightOffset = 0 } = args;
    return `
        &::-webkit-scrollbar {
            width: ${scrollWidth};
            height: ${scrollWidth};
        }

        &::-webkit-scrollbar-track {
            border-radius: ${scrollWidth};

            background-color: ${trackColor};

            margin-top: ${scrollHeightOffset};
            margin-bottom: ${scrollHeightOffset};
        }

        &::-webkit-scrollbar-thumb {
            border-radius: ${scrollWidth};
            background-color: ${thumbColor};

            transition: background-color 0.2s ease;

            &:hover {
                background-color: ${thumbHoverColor ?? thumbColor};
            }

            &:active {
                background-color: ${thumbActiveColor ?? thumbColor};
            }
        }
    `;
};
