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

export const IconImportDesignTemplateEmpty = 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-import-design-template-empty`,
  };
  return (
    <svg
      viewBox="0 0 120 120"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        opacity=".3"
        d="M26.7101 46.381C26.4787 44.8799 27.5078 43.4754 29.0089 43.244L69.7078 36.9681C71.2089 36.7367 72.6133 37.7659 72.8448 39.2669L73.278 42.0764C73.3411 42.4858 73.0605 42.8688 72.6511 42.9319C72.2417 42.9951 71.8587 42.7144 71.7955 42.305L71.3623 39.4955C71.2571 38.8132 70.6187 38.3454 69.9364 38.4506L29.2375 44.7265C28.5552 44.8317 28.0874 45.4701 28.1926 46.1524L35.2335 91.8126C35.3387 92.4949 35.9771 92.9627 36.6594 92.8575L38.8385 92.5215C39.2479 92.4584 39.6309 92.7391 39.6941 93.1484C39.7572 93.5578 39.4765 93.9409 39.0671 94.004L36.888 94.34C35.387 94.5715 33.9825 93.5423 33.751 92.0412L26.7101 46.381Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
      <path
        d="M46.4164 45.5782C46.4725 44.8901 47.0758 44.3778 47.7639 44.434L75.4387 46.692C75.8515 46.7257 76.2135 46.4183 76.2472 46.0055C76.2808 45.5926 75.9735 45.2307 75.5606 45.197L47.8859 42.9389C46.3721 42.8154 45.0449 43.9424 44.9213 45.4562L41.1643 91.5031C41.0408 93.0169 42.1678 94.3441 43.6815 94.4677L84.7251 97.8165C86.2389 97.94 87.5661 96.813 87.6896 95.2992L90.0345 66.5607C90.0681 66.1478 89.7608 65.7859 89.3479 65.7522C88.9351 65.7185 88.5731 66.0259 88.5394 66.4387L86.9573 85.829L43.4217 82.2817L46.4164 45.5782ZM43.2997 83.7767L42.6593 91.6251C42.6032 92.3132 43.1155 92.9165 43.8035 92.9726L84.8471 96.3214C85.5352 96.3776 86.1385 95.8653 86.1946 95.1772L86.8354 87.3241L43.2997 83.7767Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
      <path
        d="M52.2703 59.2742C52.4543 57.0192 54.4315 55.3403 56.6866 55.5243C58.9416 55.7083 60.6205 57.6855 60.4365 59.9405C60.2525 62.1956 58.2753 63.8745 56.0203 63.6905C53.7652 63.5065 52.0863 61.5293 52.2703 59.2742ZM56.5646 57.0193C55.1352 56.9027 53.882 57.9669 53.7654 59.3962C53.6487 60.8256 54.7129 62.0788 56.1423 62.1954C57.5716 62.3121 58.8249 61.2479 58.9415 59.8185C59.0581 58.3892 57.9939 57.1359 56.5646 57.0193Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
      <path
        d="M77.172 69.7806C76.7599 69.2966 76.0501 69.199 75.5226 69.5538L65.5173 76.2842C64.4553 76.9985 63.0409 76.8858 62.1055 76.0123L57.4714 71.685C57.0749 71.3147 56.4849 71.2425 56.0108 71.5061L49.3642 75.2015C49.0022 75.4028 48.5456 75.2725 48.3443 74.9104 48.143 74.5484 48.2733 74.0918 48.6353 73.8905L55.2819 70.1951C56.3249 69.6152 57.6229 69.7742 58.4951 70.5886L63.1292 74.916C63.5544 75.3131 64.1973 75.3643 64.68 75.0396L74.6854 68.3092C75.8459 67.5286 77.4074 67.7433 78.3141 68.8081L84.8584 76.4937C85.127 76.809 85.089 77.2824 84.7736 77.5509 84.4583 77.8195 83.9849 77.7815 83.7164 77.4661L77.172 69.7806ZM77.5391 51.276C77.4838 50.8655 77.1063 50.5775 76.6958 50.6327 76.2853 50.6879 75.9972 51.0654 76.0524 51.476L77.335 61.0131C77.3618 61.2128 77.4679 61.3932 77.6292 61.5138 77.7906 61.6345 77.9937 61.6851 78.1928 61.6543L87.703 60.1853C88.1123 60.1221 88.3929 59.739 88.3297 59.3296 88.2665 58.9203 87.8834 58.6397 87.474 58.7029L79.7444 59.8969 83.0921 55.2923C86.4873 50.6223 91.8903 47.8323 97.6637 47.7678 98.0778 47.7632 98.4099 47.4236 98.4052 47.0094 98.4006 46.5953 98.0611 46.2632 97.6469 46.2679 91.3995 46.3377 85.5528 49.3568 81.8788 54.4102L78.5722 58.9584 77.5391 51.276Z"
        fill={color}
      />
      <path
        d="M75.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>
  );
});

IconImportDesignTemplateEmpty.displayName = "IconImportDesignTemplateEmpty";

export default IconImportDesignTemplateEmpty;