@retailmenot/anchor/commonjs/chevrondown.js

A React UI Library by RetailMeNot

'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 ChevronDown = 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 chevron-down', 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("path", {
    d: "M8 8.478l2.954-2.517a.77.77 0 0 1 1.058 0l.014.015a.721.721 0 0 1-.009 1.052L8.53 10.04a.767.767 0 0 1-1.048.008L3.975 7.02a.719.719 0 0 1-.001-1.042l.015-.015a.767.767 0 0 1 1.048-.01L8 8.477z",
    fill: "currentColor",
    fillRule: "nonzero"
  })));
});

exports.ChevronDown = ChevronDown;
//# sourceMappingURL=chevrondown.js.map