@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";
import { jsx as _jsx } from "react/jsx-runtime";
const BankLogo = ({
  logoType
}) => {
  switch (logoType.tag) {
    case 'Colored':
      return _jsx(DNB, {
        fill: logoType.color,
        className: "dnb-payment-card__card__bank-logo"
      });
    case 'Sbanken':
      return _jsx(Sbanken, {
        fill: logoType.color,
        className: "dnb-payment-card__card__bank-logo"
      });
  }
};
const ProductLogo = ({
  productType,
  cardDesign
}) => {
  const id = 'dnb-payment-card__card__product-type';
  switch (productType.tag) {
    case 'Saga':
      switch (cardDesign.saga.tag) {
        case 'Gold':
          return _jsx(SagaGold, {
            className: id
          });
        case 'Platinum':
          return _jsx(SagaPlatinum, {
            className: id
          });
        case 'None':
          return null;
      }
      return null;
    case 'Pluss':
      return _jsx(Pluss, {
        className: id
      });
    case 'Intro':
      return _jsx(Intro, {
        className: id
      });
    case 'Business':
      return _jsx(Business, {
        className: id
      });
    case 'Bedrift':
      return _jsx(Bedrift, {
        className: id
      });
    case 'Corporate':
      return _jsx(Corporate, {
        className: id
      });
    case 'WorldElite':
      return _jsx(WorldElite, {
        className: id
      });
    case 'PrivateBanking':
      switch (cardDesign.privateBanking.tag) {
        case 'Default':
          return _jsx(PB, {
            className: id
          });
        case 'None':
          return null;
      }
      return null;
    case 'None':
      return null;
  }
};
const BankAxeptLogo = ({
  bankAxept,
  cardDesign
}) => {
  const id = 'dnb-payment-card__card__bank-axept';
  switch (bankAxept.tag) {
    case 'BankAxept':
      switch (cardDesign.bankAxept.tag) {
        case 'White':
          return _jsx(BankAxept, {
            className: id,
            fill: "#FFFFFF"
          });
        case 'Black20':
          return _jsx(BankAxept, {
            className: id,
            fill: "#CCCCCC"
          });
        case 'Gray':
          return _jsx(BankAxept, {
            className: id,
            fill: "#b2b4b3"
          });
        case 'GrayDark':
          return _jsx(BankAxept, {
            className: id,
            fill: "#55565A"
          });
        case 'Black':
          return _jsx(BankAxept, {
            className: id,
            fill: "#000000"
          });
        case 'Gold':
          return _jsx(BankAxept, {
            className: id,
            fill: "#CAAB51"
          });
      }
      return null;
    case 'Credit':
      return null;
    case 'None':
      return null;
  }
};
const TypeLogo = ({
  cardType,
  cardDesign
}) => {
  const id = 'dnb-payment-card__card__credit-type';
  switch (cardType.tag) {
    case 'Visa':
      switch (cardDesign.visa.tag) {
        case 'Colored':
          return _jsx(VisaDefault, {
            className: id,
            fill: cardDesign.visa.color
          });
        case 'Platinum':
          return _jsx(VisaPlatinum, {
            className: id
          });
      }
      return null;
    case 'Mastercard':
      switch (cardDesign.mastercard.tag) {
        case 'Default':
          return _jsx(MastercardDefault, {
            className: id
          });
        case 'Dark':
          return _jsx(MastercardDark, {
            className: id
          });
      }
      return null;
    case 'None':
      return null;
  }
};
export { BankLogo, ProductLogo, StatusIcon, TypeLogo, BankAxeptLogo };
//# sourceMappingURL=index.js.map