import { iconVariants } from "./variants"

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

export default function CompareArrowsIcon({
  className,
  color,
  ...props
}: IconProps) {
  const classNames = iconVariants({ className, color })
  return (
    <svg
      className={classNames}
      xmlns="http://www.w3.org/2000/svg"
      width="24"
      height="25"
      viewBox="0 0 24 25"
      fill="none"
      {...props}
    >
      <path
        d="M11.1498 9.61251C11.1498 9.35418 11.2415 9.13335 11.4248 8.95001C11.6081 8.76668 11.829 8.67501 12.0873 8.67501L18.1748 8.67501L16.2373 6.73751C16.054 6.55418 15.9623 6.33543 15.9623 6.08126C15.9623 5.8271 16.054 5.60418 16.2373 5.41251C16.429 5.22918 16.6519 5.13751 16.9061 5.13751C17.1602 5.13751 17.3831 5.23335 17.5748 5.42501L21.0873 8.95001C21.179 9.04168 21.2477 9.14376 21.2936 9.25626C21.3394 9.36876 21.3623 9.48751 21.3623 9.61251C21.3623 9.73751 21.3394 9.85626 21.2936 9.96876C21.2477 10.0813 21.179 10.1833 21.0873 10.275L17.5623 13.8C17.3706 13.9917 17.1519 14.0854 16.9061 14.0813C16.6602 14.0771 16.4415 13.9833 16.2498 13.8C16.0665 13.6083 15.9727 13.3875 15.9686 13.1375C15.9644 12.8875 16.0581 12.6667 16.2498 12.475L18.1748 10.55L12.0873 10.55C11.829 10.55 11.6081 10.4583 11.4248 10.275C11.2415 10.0917 11.1498 9.87084 11.1498 9.61251ZM2.6373 15.4C2.6373 15.275 2.66022 15.1563 2.70605 15.0438C2.75189 14.9313 2.82064 14.8292 2.9123 14.7375L6.4498 11.2C6.64147 11.0083 6.86022 10.9146 7.10605 10.9188C7.35189 10.9229 7.57064 11.0167 7.7623 11.2C7.94564 11.3917 8.03939 11.6125 8.04355 11.8625C8.04772 12.1125 7.95397 12.3333 7.7623 12.525L5.8248 14.4625L11.9123 14.4625C12.1706 14.4625 12.3915 14.5542 12.5748 14.7375C12.7581 14.9208 12.8498 15.1417 12.8498 15.4C12.8498 15.6583 12.7581 15.8792 12.5748 16.0625C12.3915 16.2458 12.1706 16.3375 11.9123 16.3375L5.8248 16.3375L7.7498 18.2625C7.93314 18.4458 8.0248 18.6646 8.0248 18.9188C8.0248 19.1729 7.93314 19.3958 7.7498 19.5875C7.55814 19.7708 7.33522 19.8625 7.08105 19.8625C6.82689 19.8625 6.60397 19.7667 6.4123 19.575L2.9123 16.0625C2.82064 15.9708 2.75189 15.8688 2.70605 15.7563C2.66022 15.6438 2.6373 15.525 2.6373 15.4Z"
        fill="#4D001B"
      />
    </svg>
  )
}
