/* eslint-disable react/destructuring-assignment */
import { IconType } from "@/types/utils";
import React from "react";

const ChevronRightIcon: IconType = (props) => (
  <svg
    width={props.size || "24"}
    height={props.size || "24"}
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M9.50482 7.00507C9.77819 6.73171 10.2214 6.73171 10.4948 7.00507L10.0613 7.4385C10.4948 7.00508 10.4947 7.00503 10.4948 7.00507L10.5407 7.05115L10.6688 7.18013C10.779 7.2913 10.9363 7.45049 11.1248 7.64302C11.5018 8.02777 12.0052 8.54698 12.5095 9.08279C13.0121 9.61681 13.5226 10.1748 13.9102 10.6351C14.1028 10.8637 14.275 11.08 14.4026 11.2634C14.4656 11.3541 14.5278 11.4508 14.5769 11.5461C14.6106 11.6113 14.6998 11.7868 14.6998 12C14.6998 12.2133 14.6106 12.3888 14.5769 12.454C14.5278 12.5493 14.4656 12.646 14.4026 12.7367C14.275 12.9201 14.1028 13.1364 13.9102 13.365C13.5226 13.8253 13.0121 14.3833 12.5095 14.9173C12.0052 15.4531 11.5018 15.9723 11.1248 16.3571C10.9363 16.5496 10.779 16.7088 10.6688 16.82L10.5407 16.9489L10.4956 16.9942L10.4948 16.9949C10.4948 16.995 10.4948 16.995 9.9998 16.5L9.50484 16.0051L9.54872 15.9611L9.6745 15.8344C9.78306 15.7249 9.93834 15.5677 10.1247 15.3774C10.4978 14.9965 10.9944 14.4845 11.4901 13.9578C11.9875 13.4293 12.477 12.8936 12.8394 12.4632C12.9942 12.2794 13.1186 12.1232 13.2085 12C13.1186 11.8769 12.9942 11.7207 12.8394 11.5369C12.477 11.1065 11.9875 10.5708 11.4901 10.0423C10.9944 9.51562 10.4978 9.00357 10.1247 8.62271C9.93834 8.43242 9.78306 8.2752 9.6745 8.16567L9.54872 8.03904L9.50543 7.99563C9.23206 7.72226 9.23146 7.27844 9.50482 7.00507ZM13.3328 12.1882C13.34 12.2062 13.3426 12.2071 13.3328 12.1882C13.3327 12.1879 13.333 12.1884 13.3328 12.1882ZM9.50482 16.995C9.23146 16.7217 9.23147 16.2784 9.50484 16.0051L9.9998 16.5L10.4948 16.9949C10.2215 17.2683 9.77819 17.2684 9.50482 16.995Z"
      fill="currentColor"
    />
  </svg>
);

export default ChevronRightIcon;