@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
29 lines • 998 B
JavaScript
import React from 'react';
import clsx from 'clsx';
import { createSkeletonClass } from "../../../components/skeleton/SkeletonHelper.js";
import P from "../../../elements/P.js";
import { jsx as _jsx } from "react/jsx-runtime";
const CardNumberText = ({
cardNumber,
skeleton
}) => {
return _jsx("span", {
className: clsx('dnb-payment-card__card__element--wrapper', createSkeletonClass('font', skeleton)),
children: _jsx(P, {
className: "dnb-payment-card__card__numbers",
children: cardNumber
})
});
};
const formatCardNumberRegex = /(?=(?:....)*$)/g;
export const formatCardNumber = (cardNumber, digits = 8) => {
if (!cardNumber) {
return cardNumber;
}
if (digits && digits <= cardNumber.length) {
return cardNumber.slice(cardNumber.length - digits, cardNumber.length).replace(formatCardNumberRegex, ' ').trim();
}
return cardNumber.replace(formatCardNumberRegex, ' ').trim();
};
export default CardNumberText;
//# sourceMappingURL=CardNumber.js.map