'use strict';

var icons = require('@transferwise/icons');
var clsx = require('clsx');
var avatarTypes = require('../../avatar/avatarTypes.js');
var Avatar = require('../../avatar/Avatar.js');
var jsxRuntime = require('react/jsx-runtime');

function BackButton({
  className,
  onClick,
  'aria-label': ariaLabel
}) {
  return /*#__PURE__*/jsxRuntime.jsx(Avatar, {
    type: avatarTypes.AvatarType.ICON,
    size: 40,
    children: /*#__PURE__*/jsxRuntime.jsx("button", {
      type: "button",
      "aria-label": ariaLabel,
      className: clsx.clsx('np-back-button', 'btn-unstyled', className),
      onClick: onClick,
      children: /*#__PURE__*/jsxRuntime.jsx(icons.ArrowLeft, {
        size: 24
      })
    })
  });
}

module.exports = BackButton;
//# sourceMappingURL=BackButton.js.map
