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

export const IconHistoryEmpty = 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-history-empty`,
    };
    return (
      <svg
        viewBox="0 0 120 120"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M3.25 108C3.25 107.586 3.58579 107.25 4 107.25H10.1508C10.565 107.25 10.9008 107.586 10.9008 108C10.9008 108.414 10.565 108.75 10.1508 108.75H4C3.58579 108.75 3.25 108.414 3.25 108ZM13.3954 108C13.3954 107.586 13.7312 107.25 14.1454 107.25H108.562C108.976 107.25 109.312 107.586 109.312 108C109.312 108.414 108.976 108.75 108.562 108.75H14.1454C13.7312 108.75 13.3954 108.414 13.3954 108ZM112.675 108C112.675 107.586 113.011 107.25 113.425 107.25H116C116.414 107.25 116.75 107.586 116.75 108C116.75 108.414 116.414 108.75 116 108.75H113.425C113.011 108.75 112.675 108.414 112.675 108Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <g opacity=".3" fill={color}>
          <path d="M41 55.25C41 54.8358 41.3358 54.5 41.75 54.5H65.25C65.6642 54.5 66 54.8358 66 55.25 66 55.6642 65.6642 56 65.25 56H41.75C41.3358 56 41 55.6642 41 55.25ZM69 55.25C69 54.8358 69.3358 54.5 69.75 54.5H72.25C72.6642 54.5 73 54.8358 73 55.25 73 55.6642 72.6642 56 72.25 56H69.75C69.3358 56 69 55.6642 69 55.25ZM41.75 76.5C41.3358 76.5 41 76.8358 41 77.25 41 77.6642 41.3358 78 41.75 78H53.25C53.6642 78 54 77.6642 54 77.25 54 76.8358 53.6642 76.5 53.25 76.5H41.75Z" />
        </g>
        <path
          d="M34.25 40C34.25 38.4812 35.4812 37.25 37 37.25H82C83.5188 37.25 84.75 38.4812 84.75 40V69C84.75 69.4142 84.4142 69.75 84 69.75C83.5858 69.75 83.25 69.4142 83.25 69V40C83.25 39.3096 82.6904 38.75 82 38.75H37C36.3096 38.75 35.75 39.3096 35.75 40V94C35.75 94.6904 36.3096 95.25 37 95.25H61.5C61.9142 95.25 62.25 95.5858 62.25 96C62.25 96.4142 61.9142 96.75 61.5 96.75H37C35.4812 96.75 34.25 95.5188 34.25 94V40Z"
          fill={color}
        />
        <path
          d="M41 66.25C41 65.8358 41.3358 65.5 41.75 65.5H59.25C59.6642 65.5 60 65.8358 60 66.25 60 66.6642 59.6642 67 59.25 67H41.75C41.3358 67 41 66.6642 41 66.25ZM75 78.25C75.4142 78.25 75.75 78.5858 75.75 79V85.25H81C81.4142 85.25 81.75 85.5858 81.75 86 81.75 86.4142 81.4142 86.75 81 86.75H75C74.5858 86.75 74.25 86.4142 74.25 86V79C74.25 78.5858 74.5858 78.25 75 78.25Z"
          fill={color}
        />
        <path
          d="M64.25 85C64.25 78.5107 69.5107 73.25 76 73.25 82.4893 73.25 87.75 78.5107 87.75 85 87.75 91.4893 82.4893 96.75 76 96.75 69.5107 96.75 64.25 91.4893 64.25 85ZM76 74.75C70.3391 74.75 65.75 79.3391 65.75 85 65.75 90.6609 70.3391 95.25 76 95.25 81.6609 95.25 86.25 90.6609 86.25 85 86.25 79.3391 81.6609 74.75 76 74.75ZM75.4697 19.4697C75.7626 19.1768 76.2374 19.1768 76.5303 19.4697L77.5 20.4393 78.4697 19.4697C78.7626 19.1768 79.2374 19.1768 79.5303 19.4697 79.8232 19.7626 79.8232 20.2374 79.5303 20.5303L78.5607 21.5 79.5303 22.4697C79.8232 22.7626 79.8232 23.2374 79.5303 23.5303 79.2374 23.8232 78.7626 23.8232 78.4697 23.5303L77.5 22.5607 76.5303 23.5303C76.2374 23.8232 75.7626 23.8232 75.4697 23.5303 75.1768 23.2374 75.1768 22.7626 75.4697 22.4697L76.4393 21.5 75.4697 20.5303C75.1768 20.2374 75.1768 19.7626 75.4697 19.4697ZM94.7999 26.5999C94.1372 26.5999 93.5999 27.1372 93.5999 27.7999 93.5999 28.4626 94.1372 28.9999 94.7999 28.9999 95.4626 28.9999 95.9999 28.4626 95.9999 27.7999 95.9999 27.1372 95.4626 26.5999 94.7999 26.5999ZM92.3999 27.7999C92.3999 26.4744 93.4744 25.3999 94.7999 25.3999 96.1254 25.3999 97.1999 26.4744 97.1999 27.7999 97.1999 29.1254 96.1254 30.1999 94.7999 30.1999 93.4744 30.1999 92.3999 29.1254 92.3999 27.7999Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          opacity=".3"
          d="M36.2 15.5C35.2611 15.5 34.5 16.2611 34.5 17.2C34.5 18.1389 35.2611 18.9 36.2 18.9C37.1389 18.9 37.9 18.1389 37.9 17.2C37.9 16.2611 37.1389 15.5 36.2 15.5Z"
          fill={color}
        />
        <path
          d="M21.25 34C21.25 34.4142 21.5858 34.75 22 34.75C22.4142 34.75 22.75 34.4142 22.75 34V32.75H24C24.4142 32.75 24.75 32.4142 24.75 32C24.75 31.5858 24.4142 31.25 24 31.25H22.75V30C22.75 29.5858 22.4142 29.25 22 29.25C21.5858 29.25 21.25 29.5858 21.25 30L21.25 31.25H20C19.5858 31.25 19.25 31.5858 19.25 32C19.25 32.4142 19.5858 32.75 20 32.75H21.25L21.25 34Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconHistoryEmpty.displayName = "IconHistoryEmpty";

export default IconHistoryEmpty;