"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ArrowIcon = ArrowIcon;
var _SvgIcon = require("./SvgIcon");
var _classnames = _interopRequireDefault(require("classnames"));
var _i18n = require("../i18n");
var _jsxRuntime = require("preact/compat/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const defaultProps = {
  className: '',
  direction: 'right',
  viewBox: '0 0 320 512'
};
function ArrowIcon(props) {
  const direction = props.direction || defaultProps.direction;
  const iconCssClasses = (0, _classnames.default)('ds-c-icon--arrow', `ds-c-icon--arrow-${direction}`, props.className);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgIcon.SvgIcon, {
    title: (0, _i18n.t)(`icons.${direction}Arrow`),
    ...defaultProps,
    ...props,
    className: iconCssClasses,
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("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"
    })
  });
}