@retailmenot/anchor
Version:
A React UI Library by RetailMeNot
46 lines (41 loc) • 2.02 kB
JavaScript
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 Close = 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 close', 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"
}, createElement("g", {
fill: "none",
fillRule: "evenodd"
}, createElement("path", {
d: "M0 0h16v16H0z"
}), createElement("g", {
fill: "currentColor",
fillRule: "nonzero"
}, createElement("path", {
d: "M4.398 4.37l6.852 6.85-.495.495-6.852-6.85c-.292-.292-.354-.75-.073-1.032.283-.284.742-.222 1.035.07l6.85 6.851c.293.292.355.75.111.987l-.04.048c-.28.281-.74.218-1.031-.074l.495-.495c.033.034.055.044.036.078-.02.013-.027-.01-.065-.049L4.371 4.4c-.044-.043-.068-.047-.044-.072.025-.024.029 0 .071.043z"
}), createElement("path", {
d: "M11.468 4.617l.248.248-6.851 6.85c-.292.293-.75.355-1.012.092l-.023-.021c-.281-.281-.218-.74.073-1.032l6.85-6.85c.292-.293.752-.355 1.013-.092l.023.021c.281.281.218.74-.073 1.031l-.248-.247z"
})))));
});
export { Close };
//# sourceMappingURL=close.js.map