@retailmenot/anchor/esm/arrowforward.js

A React UI Library by RetailMeNot

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 ArrowForward = 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 arrow-forward', 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: "M16 0H0v16h16z"
  }), createElement("g", {
    fill: "currentColor",
    fillRule: "nonzero"
  }, createElement("path", {
    d: "M2.334 8.25h11.333c.32 0 .583-.262.583-.583a.585.585 0 0 0-.583-.584H2.334a.584.584 0 0 0 0 1.167z"
  }), createElement("path", {
    d: "M8.588 3.062a.25.25 0 0 0 0 .353l4.664 4.664c.227.228.6.228.828 0a.587.587 0 0 0 0-.827L9.415 2.588a.585.585 0 0 0-.828.827.25.25 0 1 0 0-.353z"
  }), createElement("path", {
    d: "M14.077 8.08a.586.586 0 0 0 0-.826.586.586 0 0 0-.827 0L8.585 11.92a.585.585 0 0 0 .826.827l4.666-4.665z"
  })))));
});

export { ArrowForward };
//# sourceMappingURL=arrowforward.js.map