export const addScrollbar = (args)=>{
    const { scrollWidth, trackColor, thumbColor, 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: ${thumbColor};
            }

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