import { iconVariants } from "./variants"

import type { IconProps } from "@/types/components/icon"

export default function ChevronRightIcon({
  className,
  color,
  ...props
}: IconProps) {
  const classNames = iconVariants({ className, color })
  return (
    <svg
      className={classNames}
      xmlns="http://www.w3.org/2000/svg"
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      {...props}
    >
      <path
        d="M14.5375 12L7.24999 4.71251C7.01665 4.47918 6.90207 4.2021 6.90624 3.88126C6.9104 3.56043 7.02915 3.28335 7.26249 3.05001C7.49582 2.81668 7.7729 2.70001 8.09374 2.70001C8.41457 2.70001 8.69165 2.81668 8.92499 3.05001L16.5375 10.675C16.7292 10.8667 16.8687 11.075 16.9562 11.3C17.0437 11.525 17.0875 11.7583 17.0875 12C17.0875 12.2417 17.0437 12.475 16.9562 12.7C16.8687 12.925 16.7292 13.1333 16.5375 13.325L8.91249 20.95C8.67915 21.1833 8.40415 21.2979 8.08749 21.2938C7.77082 21.2896 7.49582 21.1708 7.26249 20.9375C7.02915 20.7042 6.91249 20.4271 6.91249 20.1063C6.91249 19.7854 7.02915 19.5083 7.26249 19.275L14.5375 12Z"
        fill="#26201E"
      />
    </svg>
  )
}
