import React from 'react';
import { clamp } from '@universal-login/commons';
export var ScrollProgressDots = function (_a) {
    var dotOpacities = _a.dotOpacities, _b = _a.minimumOpacity, minimumOpacity = _b === void 0 ? 0.0 : _b, _c = _a.maximumOpacity, maximumOpacity = _c === void 0 ? 1.0 : _c;
    var dots = dotOpacities.map(function (opacity, i) {
        return React.createElement("div", { key: i, style: { opacity: clamp(opacity, minimumOpacity, maximumOpacity) }, className: 'scroll-progress-dot' });
    });
    return (React.createElement("div", { className: "scroll-progress-dots-container" }, dots));
};
export default ScrollProgressDots;
//# sourceMappingURL=ScrollProgressDots.js.map