'use strict';

var icons = require('@transferwise/icons');
var clsx = require('clsx');
var framerMotion = require('framer-motion');
var jsxRuntime = require('react/jsx-runtime');

const Chevron = ({
  shouldShow = true
}) => {
  return /*#__PURE__*/jsxRuntime.jsx("div", {
    className: clsx.clsx('d-flex align-items-center', 'wds-chevron-container', !shouldShow && 'wds-chevron-hidden'),
    children: /*#__PURE__*/jsxRuntime.jsx(framerMotion.motion.div, {
      animate: {
        x: [12, 0, 0, -12],
        opacity: [0, 1, 1, 0]
      },
      transition: {
        duration: 3,
        ease: [[0.3, 0, 0.1, 1], 'linear', [0.3, 0, 0.1, 1]],
        times: [0, 0.1, 0.9, 1],
        repeat: Infinity,
        repeatType: 'loop'
      },
      children: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronLeft, {})
    })
  });
};

exports.Chevron = Chevron;
//# sourceMappingURL=Chevron.js.map
