@dnb/eufemia/extensions/payment-card/components/CardType.js

DNB Eufemia Design System UI Library

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 CardTypeText = ({
  isCredit,
  skeleton
}) => {
  const cardType = isCredit ? 'Credit' : 'Debit';
  return _jsx("span", {
    className: clsx('dnb-payment-card__card__element--wrapper', createSkeletonClass('font', skeleton)),
    children: _jsx(P, {
      className: "dnb-payment-card__card__type-text",
      children: cardType
    })
  });
};
export default CardTypeText;
//# sourceMappingURL=CardType.js.map