@adyen/kyc-components
Version:
This guide assumes that you have already an account with Adyen. A legalEntity needs to be created, and you need to have a `legalEntityId` to instatiate a Component.
39 lines (38 loc) • 1.66 kB
JavaScript
try {
let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "c1779011-cb3d-419a-9b14-981a9e6b516c", e._sentryDebugIdIdentifier = "sentry-dbid-c1779011-cb3d-419a-9b14-981a9e6b516c");
} catch (e) {}
import cx from "classnames";
import { jsx, jsxs } from "preact/jsx-runtime";
var ProgressBar_module_default = {
"progress-bar": "adyen-kyc-progress-bar",
progressBar: "adyen-kyc-progress-bar",
"progress-bar-rounded": "adyen-kyc-progress-bar-rounded",
progressBarRounded: "adyen-kyc-progress-bar-rounded",
"progress-bar-indicator": "adyen-kyc-progress-bar-indicator",
progressBarIndicator: "adyen-kyc-progress-bar-indicator"
};
//#endregion
//#region src/components/ui/atoms/ProgressBar/ProgressBar.tsx
var ProgressBar = ({ progress, ariaLabel, rounded = false }) => {
const clamp = (value) => {
return Math.min(Math.max(value, 0), 100);
};
const clampedProgress = clamp(progress);
const cssWidth = `${clampedProgress}%`;
return /* @__PURE__ */ jsx("div", {
className: cx(ProgressBar_module_default.progressBar, { [ProgressBar_module_default.progressBarRounded]: rounded }),
role: "progressbar",
"aria-label": ariaLabel,
"aria-valuenow": clampedProgress,
"aria-valuemin": 0,
"aria-valuemax": 100,
children: /* @__PURE__ */ jsxs("div", {
className: ProgressBar_module_default.progressBarIndicator,
style: { width: cssWidth },
children: [progress, "%"]
})
});
};
//#endregion
export { ProgressBar as t };