"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var commons_1 = require("@universal-login/commons");
exports.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_1.default.createElement("div", { key: i, style: { opacity: commons_1.clamp(opacity, minimumOpacity, maximumOpacity) }, className: 'scroll-progress-dot' });
    });
    return (react_1.default.createElement("div", { className: "scroll-progress-dots-container" }, dots));
};
exports.default = exports.ScrollProgressDots;
//# sourceMappingURL=ScrollProgressDots.js.map