@retailmenot/anchor/esm/creditcard.js

A React UI Library by RetailMeNot

import { a as __rest } from './anchor-chunk-27f34e54.js';
import { a as Scale, b as StyledIcon, c as DefaultColor, d as DefaultScale } from './anchor-chunk-25c07228.js';
import { forwardRef, createElement, useContext, useState, Children, Fragment, useEffect, useRef, createRef, Component, cloneElement, useReducer, PureComponent, isValidElement, createContext, useImperativeHandle } from 'react';
import classNames from 'classnames';
import './anchor-chunk-7b9d8557.js';
import '@xstyled/styled-components';
import '@xstyled/system';

/* eslint-disable max-len */

var CreditCard = forwardRef(function (_a, ref) {
  var _a$color = _a.color,
      color = _a$color === void 0 ? DefaultColor : _a$color,
      _a$scale = _a.scale,
      scale = _a$scale === void 0 ? DefaultScale : _a$scale,
      className = _a.className,
      props = __rest(_a, ["color", "scale", "className"]);

  return createElement(StyledIcon, Object.assign({
    ref: ref,
    className: classNames('anchor-icon credit-card', className),
    scale: scale,
    "$color": color
  }, props), createElement("svg", {
    width: Scale[scale],
    height: Scale[scale],
    viewBox: "0 0 16 16",
    xmlns: "http://www.w3.org/2000/svg",
    xmlnsXlink: "http://www.w3.org/1999/xlink"
  }, createElement("defs", null, createElement("path", {
    d: "M12.923 9.223a.503.503 0 0 1-.499.503H3.576a.503.503 0 0 1 0-1.006h8.848c.274 0 .499.226.499.503zM5.267 5.231a1.877 1.877 0 0 1 .006-2.629 1.842 1.842 0 0 1 1.324-.554c.501 0 .972.196 1.325.554L8 2.697l.05-.063a1.877 1.877 0 0 1 1.354-.586c.502 0 .971.196 1.324.554a1.88 1.88 0 0 1 0 2.635L8.58 7.49c-.118.123-.314.33-.58.33-.265 0-.454-.199-.58-.33L5.267 5.23zm9.438 4.705a.752.752 0 0 1-.749.755H2.043a.752.752 0 0 1-.748-.755V2.063c0-.416.336-.754.748-.754h11.913c.413 0 .75.338.75.754v7.873zM13.956 0H2.043A2.055 2.055 0 0 0 0 2.063v7.873C0 11.074.916 12 2.043 12h11.913A2.056 2.056 0 0 0 16 9.936V2.063A2.056 2.056 0 0 0 13.956 0z",
    id: "credit-card-a"
  })), createElement("g", {
    fill: "none",
    fillRule: "evenodd"
  }, createElement("path", {
    d: "M0 0h16v16H0z"
  }), createElement("use", {
    fill: "currentColor",
    xlinkHref: "#credit-card-a",
    transform: "translate(0 2)"
  }))));
});

export { CreditCard };
//# sourceMappingURL=creditcard.js.map