"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.IOPaymentCardLogos = void 0;
var _reactNative = require("react-native");
var _core = require("../../core");
var _LogoPaymentCardBancomatPay = _interopRequireDefault(require("./svg/LogoPaymentCardBancomatPay"));
var _LogoPaymentCardPayPal = _interopRequireDefault(require("./svg/LogoPaymentCardPayPal"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
/* Logos */

const IOPaymentCardLogos = exports.IOPaymentCardLogos = {
  payPal: _LogoPaymentCardPayPal.default,
  bancomatPay: _LogoPaymentCardBancomatPay.default
};
const preserveAspectRatioValues = {
  start: "xMinYMin meet",
  center: "xMidYMid meet",
  end: "xMaxYMax meet"
};
const styles = _reactNative.StyleSheet.create({
  debugMode: {
    backgroundColor: (0, _core.hexToRgba)(_core.IOColors["error-500"], 0.2)
  }
});
const LogoPaymentCard = ({
  name,
  width = "100%",
  height = 32,
  align = "center",
  accessibilityLabel,
  testID,
  debugMode = false,
  ...props
}) => {
  const LogoElement = IOPaymentCardLogos[name];
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
    accessible: true,
    accessibilityLabel: accessibilityLabel,
    style: [{
      width,
      height
    }, debugMode && styles.debugMode],
    testID: testID,
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LogoElement, {
      preserveAspectRatio: preserveAspectRatioValues[align],
      ...props
    })
  });
};
var _default = exports.default = LogoPaymentCard;
//# sourceMappingURL=LogoPaymentCard.js.map