"use client";
import { motion } from "motion/react";
import { Arrow } from "@/components/ui/icons";

type AnimatedArrowProps = {
  className?: string;
};

const AnimatedArrow = ({ className = "w-4" }: AnimatedArrowProps) => {
  return (
    <motion.div
      animate={{ x: [0, 4, 0] }}
      transition={{
        duration: 1.5,
        ease: "easeInOut",
        repeat: Infinity,
      }}
    >
      <Arrow className={className} />
    </motion.div>
  );
};

export default AnimatedArrow;