UNPKG

@retailmenot/anchor

Version:

A React UI Library by RetailMeNot

48 lines (43 loc) 2.12 kB
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 CloseSmall = 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-small', 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("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" }), 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" })))); }); export { CloseSmall }; //# sourceMappingURL=closesmall.js.map