import { ComponentProps } from "react";

export const Chevron = (props: ComponentProps<"svg">) => {
  return (
    <svg
      width="40"
      height="48"
      viewBox="0 0 40 48"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M10.1391 21.8617C9.22135 22.7795 9.22135 24.2674 10.1391 25.1851L25.0944 40.1404C26.0121 41.0582 27.5001 41.0582 28.4178 40.1404C29.3355 39.2227 29.3355 37.7348 28.4178 36.817L15.1242 23.5234L28.4178 10.2298C29.3355 9.3121 29.3355 7.82416 28.4178 6.90643C27.5001 5.9887 26.0121 5.9887 25.0944 6.90643L10.1391 21.8617ZM11.8008 25.8734C13.0987 25.8734 14.1508 24.8213 14.1508 23.5234C14.1508 22.2256 13.0987 21.1734 11.8008 21.1734V25.8734ZM11.8008 21.1734C10.5029 21.1734 9.45078 22.2256 9.45078 23.5234C9.45078 24.8213 10.5029 25.8734 11.8008 25.8734V21.1734ZM11.8008 25.8734C13.0987 25.8734 14.1508 24.8213 14.1508 23.5234C14.1508 22.2256 13.0987 21.1734 11.8008 21.1734V25.8734ZM11.8008 25.8734H11.8008V21.1734H11.8008V25.8734ZM11.8008 25.8734H11.8008V21.1734H11.8008V25.8734ZM10.1391 21.8617C9.22135 22.7795 9.22135 24.2674 10.1391 25.1851L25.0944 40.1404C26.0121 41.0582 27.5001 41.0582 28.4178 40.1404C29.3355 39.2227 29.3355 37.7348 28.4178 36.817L15.1242 23.5234L28.4178 10.2298C29.3355 9.3121 29.3355 7.82416 28.4178 6.90643C27.5001 5.9887 26.0121 5.9887 25.0944 6.90643L10.1391 21.8617ZM11.8008 25.8734C13.0987 25.8734 14.1508 24.8213 14.1508 23.5234C14.1508 22.2256 13.0987 21.1734 11.8008 21.1734V25.8734ZM11.8008 21.1734C10.5029 21.1734 9.45078 22.2256 9.45078 23.5234C9.45078 24.8213 10.5029 25.8734 11.8008 25.8734V21.1734ZM11.8008 25.8734C13.0987 25.8734 14.1508 24.8213 14.1508 23.5234C14.1508 22.2256 13.0987 21.1734 11.8008 21.1734V25.8734ZM11.8008 25.8734H11.8008V21.1734H11.8008V25.8734ZM11.8008 25.8734H11.8008V21.1734H11.8008V25.8734Z"
        fill="white"
      />
    </svg>
  );
};