import { forwardRef } from "react";
import type { IconProps } from "../../types";

export const IconNumberSortedOutline = forwardRef<SVGSVGElement, IconProps>(
  ({ color = "currentColor", ...props }, forwardedRef) => {
    const { className } = props;
    props = {
      ...props,
      width: `${props.width || props.size || 20}`,
      height: `${props.height || props.size || 20}`,
      className: `${
        className ? className + " " : ""
      }customeow-shein-icon customeow-shein-icon-icon-number-sorted-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M3.60052 3.99158V7.38894C3.59856 7.49549 3.61641 7.60138 3.65301 7.70043C3.68961 7.79947 3.74422 7.88968 3.81366 7.96577C3.88311 8.04186 3.96597 8.10231 4.05742 8.14357C4.14887 8.18484 4.24706 8.20609 4.34624 8.20609C4.44543 8.20609 4.54362 8.18484 4.63507 8.14357C4.72651 8.10231 4.80938 8.04186 4.87882 7.96577C4.94826 7.88968 5.00288 7.79947 5.03948 7.70043C5.07608 7.60138 5.09393 7.49549 5.09197 7.38894V2.83893C5.09284 2.71021 5.06483 2.58317 5.01031 2.46856C4.95579 2.35394 4.87636 2.25513 4.77876 2.18049C4.68471 2.09682 4.57266 2.0398 4.45283 2.01461C4.333 1.98943 4.20921 1.99689 4.09275 2.03631L3.10944 2.48501C2.93984 2.56783 2.80523 2.71584 2.73209 2.89993C2.65895 3.08402 2.65257 3.29085 2.71422 3.47973C2.77587 3.66861 2.90107 3.82587 3.0652 3.92056C3.22915 4.01516 3.42009 4.04048 3.60052 3.99158ZM4.68994 16.3946H5.57001H5.57059C5.66975 16.3925 5.76831 16.4117 5.8605 16.451C5.95269 16.4903 6.03665 16.549 6.10747 16.6236C6.17829 16.6982 6.23455 16.7872 6.27296 16.8855C6.31137 16.9837 6.33115 17.0892 6.33115 17.1958C6.33115 17.3024 6.31137 17.4079 6.27296 17.5061C6.23455 17.6044 6.17829 17.6934 6.10747 17.768C6.03665 17.8426 5.95269 17.9013 5.8605 17.9406C5.76831 17.9799 5.66975 17.9991 5.57059 17.997H2.82598C2.6641 18.0121 2.50207 17.9699 2.36452 17.877C2.22698 17.7841 2.12144 17.6454 2.06396 17.4821C2.00648 17.3188 2.0002 17.1398 2.04608 16.9724C2.09196 16.8049 2.18748 16.6581 2.31813 16.5543L4.31715 14.5035C4.64512 14.1828 4.71973 13.8624 4.71973 13.6378C4.69166 13.5582 4.64309 13.4888 4.57969 13.4377C4.51629 13.3867 4.44068 13.3561 4.36169 13.3494C4.18777 13.3519 4.01873 13.4116 3.87739 13.5205C3.73605 13.6294 3.6292 13.7823 3.57128 13.9585C3.45636 14.1111 3.2933 14.2131 3.11303 14.2451C2.93277 14.2771 2.74784 14.2369 2.59333 14.1321C2.43882 14.0273 2.32547 13.8653 2.2748 13.6767C2.22412 13.4881 2.23965 13.2861 2.31842 13.1089C2.53558 12.69 2.86097 12.3475 3.25531 12.1229C3.64965 11.8982 4.09608 11.801 4.54071 11.843C4.90112 11.8861 5.24266 12.0386 5.52533 12.2826C5.80801 12.5267 6.02013 12.8522 6.13686 13.2211C6.24721 13.6816 6.22975 14.1668 6.08663 14.6167C5.94351 15.0667 5.68099 15.4619 5.33141 15.7535L4.68994 16.3946ZM8.63614 3.60152C8.63614 3.15916 8.89816 2.80056 9.22138 2.80056H17.4148C17.738 2.80056 18 3.15916 18 3.60152C18 4.04388 17.738 4.40249 17.4148 4.40249H9.22138C8.89816 4.40249 8.63614 4.04388 8.63614 3.60152ZM9.22138 12.634C8.89816 12.634 8.63614 12.9926 8.63614 13.435C8.63614 13.8774 8.89816 14.236 9.22138 14.236H17.4148C17.738 14.236 18 13.8774 18 13.435C18 12.9926 17.738 12.634 17.4148 12.634H9.22138ZM8.63614 6.56621C8.63614 6.25607 8.88756 6.00465 9.19769 6.00465H14.2401C14.5502 6.00465 14.8016 6.25607 14.8016 6.56621V7.04503C14.8016 7.35517 14.5502 7.60658 14.2401 7.60658H9.19769C8.88756 7.60658 8.63614 7.35517 8.63614 7.04503V6.56621ZM9.19769 15.8384C8.88756 15.8384 8.63614 16.0898 8.63614 16.3999V16.8788C8.63614 17.1889 8.88756 17.4403 9.19769 17.4403H14.2401C14.5502 17.4403 14.8016 17.1889 14.8016 16.8788V16.3999C14.8016 16.0898 14.5502 15.8384 14.2401 15.8384H9.19769Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconNumberSortedOutline.displayName = "IconNumberSortedOutline";

export default IconNumberSortedOutline;
