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

DNB Eufemia Design System UI Library

import React from 'react';
import { refresh_medium as Refresh, clock_medium as Expired, email_medium as Envelope, padlock_medium as Blocked, question_medium as QuestionMark, shopping_cart_medium as Cart, confetti_medium as Confetti, stop_medium as Stop, reset_medium as Reset } from "../../../../icons/index.js";
const statusIconMap = {
  renewed: {
    Icon: Reset,
    className: "icon--fill"
  },
  replaced: {
    Icon: Refresh,
    className: "icon--fill"
  },
  new: {
    Icon: Confetti,
    className: "icon--fill"
  },
  expired: {
    Icon: Expired,
    className: "icon--stroke"
  },
  not_active: {
    Icon: Stop,
    className: "icon--stroke"
  },
  blocked: {
    Icon: Blocked,
    className: "icon--stroke"
  },
  new_order: {
    Icon: Cart,
    className: "icon--stroke"
  },
  order_in_process: {
    Icon: Envelope,
    className: "icon--stroke"
  },
  unknown: {
    Icon: QuestionMark,
    className: "icon--stroke"
  }
};
export const StatusIcon = ({
  status
}) => {
  const {
    Icon,
    className
  } = statusIconMap[status] || {};
  return Icon ? React.createElement(Icon, {
    className: className
  }) : null;
};
//# sourceMappingURL=index.js.map