import { ArrowLeft } from '@transferwise/icons';
import { clsx } from 'clsx';
import { AvatarType } from '../../avatar/avatarTypes.mjs';
import Avatar from '../../avatar/Avatar.mjs';
import { jsx } from 'react/jsx-runtime';

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

export { BackButton as default };
//# sourceMappingURL=BackButton.mjs.map
