@retailmenot/anchor
Version:
A React UI Library by RetailMeNot
54 lines (46 loc) • 2.2 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
var __chunk_2 = require('./anchor-chunk-9d9a5df6.js');
var __chunk_3 = require('./anchor-chunk-31a3b978.js');
var React = require('react');
var classNames = _interopDefault(require('classnames'));
require('./anchor-chunk-24f232e7.js');
require('@xstyled/styled-components');
require('@xstyled/system');
/* eslint-disable max-len */
var CloseSmall = React.forwardRef(function (_a, ref) {
var _a$color = _a.color,
color = _a$color === void 0 ? __chunk_3.DefaultColor : _a$color,
_a$scale = _a.scale,
scale = _a$scale === void 0 ? __chunk_3.DefaultScale : _a$scale,
className = _a.className,
props = __chunk_2.__rest(_a, ["color", "scale", "className"]);
return React.createElement(__chunk_3.StyledIcon, Object.assign({
ref: ref,
className: classNames('anchor-icon close-small', className),
scale: scale,
"$color": color
}, props), React.createElement("svg", {
width: __chunk_3.Scale[scale],
height: __chunk_3.Scale[scale],
viewBox: "0 0 16 16",
xmlns: "http://www.w3.org/2000/svg"
}, React.createElement("g", {
fill: "none",
fillRule: "evenodd"
}, React.createElement("path", {
d: "M0 0h16v16H0z"
}), React.createElement("path", {
d: "M9.501 9.734L6.075 6.309c-.083-.084-.1-.205-.036-.269l.001-.001c.064-.064.185-.047.269.036l3.425 3.426c.084.084.1.205.037.268l-.001.002c-.064.064-.185.047-.269-.037",
stroke: "currentColor",
strokeWidth: ".8",
fill: "#FFF"
}), React.createElement("path", {
d: "M10.017 6.591L6.59 10.017c-.225.226-.594.276-.81.057l-.025-.022c-.24-.24-.189-.608.037-.834l3.425-3.425c.225-.226.595-.277.811-.058l.025.023c.24.24.188.607-.037.833l-.283-.282.05.05-3.426 3.425c.058-.058.076-.185-.06-.319l.025.023c-.112-.112-.24-.095-.297-.037L9.45 6.026l.283.283-.283-.283c-.058.058-.075.185.06.318l-.025-.023c.112.113.24.095.298.037l.233.233z",
fill: "currentColor",
fillRule: "nonzero"
}))));
});
exports.CloseSmall = CloseSmall;
//# sourceMappingURL=closesmall.js.map