import _pt from "prop-types";

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); }

import React from 'react';
import SvgIcon from './SvgIcon';
import classNames from 'classnames';
import { t } from '../i18n';
var defaultProps = {
  className: '',
  direction: 'right',
  viewBox: '0 0 320 512'
};

function ArrowIcon(props) {
  var direction = props.direction || defaultProps.direction;
  var iconCssClasses = classNames('ds-c-icon--arrow', "ds-c-icon--arrow-".concat(direction), props.className);
  return /*#__PURE__*/React.createElement(SvgIcon, _extends({
    title: t("icons.".concat(direction, "Arrow"))
  }, defaultProps, props, {
    className: iconCssClasses
  }), /*#__PURE__*/React.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: _pt.oneOf(['up', 'down', 'left', 'right'])
};
export default ArrowIcon;