import React from "react";

const PaginationArrow: React.FC<any> = ({ ...props }) => {
  return (
    <svg
      width="8"
      height="12"
      viewBox="0 0 8 12"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        opacity="0.9"
        d="M6.34315 0.176026C6.54648 0.176026 6.74148 0.2568 6.88526 0.400578C7.02904 0.544356 7.10981 0.73936 7.10981 0.942693C7.10981 1.14603 7.02904 1.34103 6.88526 1.48481L2.71333 5.65674L6.88526 9.82867C7.02904 9.97245 7.10981 10.1675 7.10981 10.3708C7.10981 10.5741 7.02904 10.7691 6.88526 10.9129C6.74148 11.0567 6.54648 11.1375 6.34315 11.1375C6.13981 11.1375 5.94481 11.0567 5.80103 10.9129L1.08699 6.19885C0.943207 6.05508 0.862433 5.86007 0.862433 5.65674C0.862433 5.45341 0.943207 5.2584 1.08699 5.11462L5.80103 0.400578C5.94481 0.2568 6.13981 0.176026 6.34315 0.176026Z"
        fill="#5E3FC4"
        stroke="#5E3FC4"
        stroke-width="0.2"
      />
    </svg>
  );
};

export default PaginationArrow;
