@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
26 lines • 957 B
JavaScript
import React from 'react';
import classnames from 'classnames';
import { createSkeletonClass } from '../../../components/skeleton/SkeletonHelper';
import P from '../../../elements/P';
const CardNumberText = ({
cardNumber,
skeleton
}) => {
return React.createElement("span", {
className: classnames('dnb-payment-card__card__element--wrapper', createSkeletonClass('font', skeleton))
}, React.createElement(P, {
className: "dnb-payment-card__card__numbers"
}, 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