import React from 'react';
import { Icon } from '../Icon';
import type { IconProps } from '../.types/IconPropsType';

export function ArrowCompare(props: IconProps) {
  return (
    <Icon {...props}>
      <svg
        width="16"
        height="16"
        viewBox="0 0 16 16"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path d="M10.787 8.08999C10.712 8.03745 10.6241 8.00649 10.5327 8.00049C10.4414 7.9945 10.3502 8.01369 10.269 8.05599C10.1878 8.09828 10.1198 8.16205 10.0723 8.24035C10.0249 8.31864 9.99989 8.40845 9.99999 8.49999V11H2.99999C2.73478 11 2.48042 11.1054 2.29289 11.2929C2.10535 11.4804 1.99999 11.7348 1.99999 12C1.99999 12.2652 2.10535 12.5196 2.29289 12.7071C2.48042 12.8946 2.73478 13 2.99999 13H9.99999V15.5C9.99989 15.5915 10.0249 15.6813 10.0723 15.7596C10.1198 15.8379 10.1878 15.9017 10.269 15.944C10.3502 15.9863 10.4414 16.0055 10.5327 15.9995C10.6241 15.9935 10.712 15.9625 10.787 15.91L15.787 12.41C15.853 12.3639 15.9069 12.3026 15.9441 12.2312C15.9814 12.1598 16.0008 12.0805 16.0008 12C16.0008 11.9195 15.9814 11.8402 15.9441 11.7688C15.9069 11.6974 15.853 11.6361 15.787 11.59L10.787 8.08999Z" />
        <path d="M5.49999 7.99999C5.6326 7.99999 5.75978 7.94731 5.85355 7.85355C5.94732 7.75978 5.99999 7.6326 5.99999 7.49999V4.99999H13C13.2652 4.99999 13.5196 4.89464 13.7071 4.7071C13.8946 4.51956 14 4.26521 14 3.99999C14 3.73478 13.8946 3.48042 13.7071 3.29289C13.5196 3.10535 13.2652 2.99999 13 2.99999H5.99999V0.499993C6.0001 0.408452 5.97507 0.318639 5.92764 0.240346C5.88021 0.162052 5.81219 0.0982816 5.73101 0.0559873C5.64982 0.0136931 5.55859 -0.00550217 5.46724 0.000494215C5.3759 0.0064906 5.28795 0.0374485 5.21299 0.0899929L0.212994 3.58999C0.14698 3.63607 0.0930677 3.69741 0.0558416 3.76879C0.0186154 3.84017 -0.000823975 3.91949 -0.000823975 3.99999C-0.000823975 4.0805 0.0186154 4.15981 0.0558416 4.2312C0.0930677 4.30258 0.14698 4.36391 0.212994 4.40999L5.21299 7.90999C5.29716 7.96874 5.39736 8.00016 5.49999 7.99999Z" />
      </svg>
    </Icon>
  );
}
