@dnb/eufemia/extensions/payment-card/icons/index.js

DNB Eufemia Design System UI Library

import React from 'react';
import DNB from "./brandLogos/DNB.js";
import Sbanken from "./brandLogos/Sbanken.js";
import Bedrift from "./loyaltyLogos/Bedrift.js";
import Business from "./loyaltyLogos/Business.js";
import Corporate from "./loyaltyLogos/Corporate.js";
import Intro from "./loyaltyLogos/Intro.js";
import PB from "./loyaltyLogos/PB.js";
import Pluss from "./loyaltyLogos/Pluss.js";
import SagaGold from "./loyaltyLogos/SagaGold.js";
import SagaPlatinum from "./loyaltyLogos/SagaPlatinum.js";
import WorldElite from "./loyaltyLogos/WorldElite.js";
import BankAxept from "./providers/BankAxept.js";
import MastercardDefault from "./providers/MastercardDefault.js";
import MastercardDark from "./providers/MastercardDark.js";
import VisaDefault from "./providers/VisaDefault.js";
import VisaPlatinum from "./providers/VisaPlatinum.js";
import { StatusIcon } from "./status/index.js";
const BankLogo = ({
  logoType
}) => logoType.cata({
  Colored: color => React.createElement(DNB, {
    fill: color,
    className: "dnb-payment-card__card__bank-logo"
  }),
  Sbanken: color => React.createElement(Sbanken, {
    fill: color,
    className: "dnb-payment-card__card__bank-logo"
  })
});
const ProductLogo = ({
  productType,
  cardDesign
}) => {
  var _SagaGold, _SagaPlatinum, _Pluss, _Intro, _Business, _Bedrift, _Corporate, _WorldElite, _PB;
  const id = 'dnb-payment-card__card__product-type';
  return productType.cata({
    Saga: () => cardDesign.saga.cata({
      Gold: () => _SagaGold || (_SagaGold = React.createElement(SagaGold, {
        className: id
      })),
      Platinum: () => _SagaPlatinum || (_SagaPlatinum = React.createElement(SagaPlatinum, {
        className: id
      })),
      None: () => null
    }),
    Pluss: () => _Pluss || (_Pluss = React.createElement(Pluss, {
      className: id
    })),
    Intro: () => _Intro || (_Intro = React.createElement(Intro, {
      className: id
    })),
    Business: () => _Business || (_Business = React.createElement(Business, {
      className: id
    })),
    Bedrift: () => _Bedrift || (_Bedrift = React.createElement(Bedrift, {
      className: id
    })),
    Corporate: () => _Corporate || (_Corporate = React.createElement(Corporate, {
      className: id
    })),
    WorldElite: () => _WorldElite || (_WorldElite = React.createElement(WorldElite, {
      className: id
    })),
    PrivateBanking: () => cardDesign.privateBanking.cata({
      Default: () => _PB || (_PB = React.createElement(PB, {
        className: id
      })),
      None: () => null
    }),
    None: () => null
  });
};
const BankAxeptLogo = ({
  bankAxept,
  cardDesign
}) => {
  var _BankAxept, _BankAxept2, _BankAxept3, _BankAxept4, _BankAxept5, _BankAxept6;
  const id = 'dnb-payment-card__card__bank-axept';
  return bankAxept.cata({
    BankAxept: () => cardDesign.bankAxept.cata({
      White: () => _BankAxept || (_BankAxept = React.createElement(BankAxept, {
        className: id,
        fill: "#FFFFFF"
      })),
      Black20: () => _BankAxept2 || (_BankAxept2 = React.createElement(BankAxept, {
        className: id,
        fill: "#CCCCCC"
      })),
      Gray: () => _BankAxept3 || (_BankAxept3 = React.createElement(BankAxept, {
        className: id,
        fill: "#b2b4b3"
      })),
      GrayDark: () => _BankAxept4 || (_BankAxept4 = React.createElement(BankAxept, {
        className: id,
        fill: "#55565A"
      })),
      Black: () => _BankAxept5 || (_BankAxept5 = React.createElement(BankAxept, {
        className: id,
        fill: "#000000"
      })),
      Gold: () => _BankAxept6 || (_BankAxept6 = React.createElement(BankAxept, {
        className: id,
        fill: "#CAAB51"
      }))
    }),
    Credit: () => null,
    None: () => null
  });
};
const TypeLogo = ({
  cardType,
  cardDesign
}) => {
  var _VisaPlatinum, _MastercardDefault, _MastercardDark;
  const id = 'dnb-payment-card__card__credit-type';
  return cardType.cata({
    Visa: () => cardDesign.visa.cata({
      Colored: color => React.createElement(VisaDefault, {
        className: id,
        fill: color
      }),
      Platinum: () => _VisaPlatinum || (_VisaPlatinum = React.createElement(VisaPlatinum, {
        className: id
      }))
    }),
    Mastercard: () => cardDesign.mastercard.cata({
      Default: () => _MastercardDefault || (_MastercardDefault = React.createElement(MastercardDefault, {
        className: id
      })),
      Dark: () => _MastercardDark || (_MastercardDark = React.createElement(MastercardDark, {
        className: id
      }))
    }),
    None: () => null
  });
};
export { BankLogo, ProductLogo, StatusIcon, TypeLogo, BankAxeptLogo };
//# sourceMappingURL=index.js.map