@retailmenot/anchor
Version:
A React UI Library by RetailMeNot
27 lines • 2.05 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 Tag = 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 tag', 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: "M11.333 3.334a1.333 1.333 0 1 0 0 2.666 1.333 1.333 0 0 0 0-2.666M14.667 7.1a.368.368 0 0 1-.106.256L7.357 14.56a.37.37 0 0 1-.513 0L1.438 9.156a.366.366 0 0 1 0-.513L8.642 1.44a.36.36 0 0 1 .257-.107h5.406c.199 0 .362.163.362.363v5.405zm-.362-7.1H8.899c-.453 0-.878.175-1.2.496L.496 7.701a1.698 1.698 0 0 0 0 2.397L5.9 15.503c.32.322.746.497 1.2.497.452 0 .879-.175 1.199-.496L15.504 8.3c.32-.32.496-.747.496-1.199V1.697C16 .76 15.239 0 14.305 0z", id: "tag-a" })),
React.createElement("g", { fill: "none", fillRule: "evenodd" },
React.createElement("path", { d: "M0 0h16v16H0z" }),
React.createElement("use", { fill: "currentColor", xlinkHref: "#tag-a" })))));
});
//# sourceMappingURL=Tag.component.js.map