"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _propTypes = _interopRequireDefault(require("prop-types"));

var _react = _interopRequireDefault(require("react"));

var _SvgIcon = _interopRequireDefault(require("./SvgIcon"));

var _classnames = _interopRequireDefault(require("classnames"));

var _i18n = require("../i18n");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

var defaultProps = {
  className: '',
  direction: 'right',
  viewBox: '0 0 320 512'
};

function ArrowIcon(props) {
  var direction = props.direction || defaultProps.direction;
  var iconCssClasses = (0, _classnames.default)('ds-c-icon--arrow', "ds-c-icon--arrow-".concat(direction), props.className);
  return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
    title: (0, _i18n.t)("icons.".concat(direction, "Arrow"))
  }, defaultProps, props, {
    className: iconCssClasses
  }), /*#__PURE__*/_react.default.createElement("path", {
    fill: "currentColor",
    d: "M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"
  }));
}

ArrowIcon.propTypes = {
  direction: _propTypes.default.oneOf(['up', 'down', 'left', 'right'])
};
var _default = ArrowIcon;
exports.default = _default;