@retailmenot/anchor
Version:
A React UI Library by RetailMeNot
27 lines • 2.3 kB
JavaScript
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};
// REACT
import * as React from 'react';
import classNames from 'classnames';
import { Scale, StyledIcon, DefaultColor, DefaultScale, } from '../utils';
/* eslint-disable max-len */
export const CreditCard = React.forwardRef((_a, ref) => {
var { color = DefaultColor, scale = DefaultScale, className } = _a, props = __rest(_a, ["color", "scale", "className"]);
return (React.createElement(StyledIcon, Object.assign({ ref: ref, className: classNames('anchor-icon credit-card', className), scale: scale, "$color": color }, props),
React.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" },
React.createElement("defs", null,
React.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" })),
React.createElement("g", { fill: "none", fillRule: "evenodd" },
React.createElement("path", { d: "M0 0h16v16H0z" }),
React.createElement("use", { fill: "currentColor", xlinkHref: "#credit-card-a", transform: "translate(0 2)" })))));
});
//# sourceMappingURL=CreditCard.component.js.map