type ArrowCarouselIconProps = {
  isLeft?: boolean;
  className?: string;
  color?: string;
};

const ArrowCarouselIcon = ({
  isLeft,
  className,
  color = "#000",
}: ArrowCarouselIconProps) => {
  return (
    <svg
      className={`w-6 h-6 stroke-black ${className ? className : ""} ${
        isLeft ? "rotate-180" : ""
      }`}
      role="presentation"
      focusable="false"
      viewBox="0 0 9.3 17"
      xmlns="http://www.w3.org/2000/svg"
    >
      <polyline
        fill="none"
        stroke={color}
        strokeLinecap="butt"
        strokeWidth="1"
        points="0.5,0.5 8.5,8.5 0.5,16.5"
      ></polyline>
    </svg>
  );
};

export default ArrowCarouselIcon;
