import React from "react";

import type { Props } from "./types";

export const ImportLayersIcon: React.FC<Props> = ({
  width = "24",
  height = "24",
  color = "var(--color-neutral-110)",
  className,
}) => (
  <svg
    width={width}
    height={height}
    className={className}
    viewBox="0 0 20 20"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fill={color}
      d="M10.6004 2.20111C10.6005 2.10308 10.5766 2.00653 10.5307 1.91989C10.4849 1.83325 10.4185 1.75916 10.3374 1.7041C10.2563 1.64905 10.1629 1.6147 10.0655 1.60407C9.96803 1.59343 9.86946 1.60684 9.77839 1.64311L2.73799 4.43191C2.4024 4.56473 2.11449 4.79536 1.91163 5.09387C1.70877 5.39239 1.60033 5.74499 1.60039 6.10591V12.9963C1.60037 13.0942 1.6243 13.1906 1.67009 13.2771C1.71587 13.3636 1.78212 13.4376 1.86306 13.4926C1.94401 13.5476 2.03718 13.582 2.13446 13.5928C2.23175 13.6035 2.33018 13.5903 2.42119 13.5543L2.80039 13.4043V14.6943C2.52882 14.7903 2.23817 14.8198 1.95286 14.7802C1.66756 14.7405 1.39592 14.633 1.16078 14.4667C0.925631 14.3003 0.733846 14.0799 0.601533 13.8241C0.469219 13.5682 0.40024 13.2844 0.400391 12.9963V6.10591C0.400286 5.50438 0.581015 4.91671 0.919115 4.41919C1.25722 3.92166 1.73707 3.53727 2.29639 3.31591L9.33679 0.527108C9.60109 0.42232 9.88645 0.38163 10.1695 0.40837C10.4526 0.435109 10.7252 0.528518 10.9652 0.680946C11.2052 0.833374 11.4057 1.04049 11.5503 1.28532C11.6948 1.53015 11.7793 1.80574 11.7968 2.08951L10.5992 2.56231V2.20111H10.6004ZM14.2004 4.60111C14.2003 4.50318 14.1762 4.40677 14.1303 4.32029C14.0844 4.23381 14.018 4.15988 13.9369 4.10496C13.8558 4.05005 13.7625 4.01581 13.6652 4.00523C13.5678 3.99466 13.4694 4.00808 13.3784 4.04431L5.95879 6.98311C5.73506 7.07165 5.54312 7.22541 5.40788 7.42442C5.27264 7.62343 5.20035 7.8585 5.20039 8.09911V15.3975C5.20037 15.4954 5.2243 15.5918 5.27009 15.6783C5.31587 15.7648 5.38212 15.8388 5.46307 15.8938C5.54401 15.9488 5.63718 15.9832 5.73447 15.994C5.83175 16.0047 5.93018 15.9915 6.02119 15.9555L7.60039 15.3279V16.6191L6.46399 17.0691C6.1911 17.1773 5.89587 17.2172 5.60405 17.1852C5.31223 17.1531 5.03267 17.0502 4.78974 16.8854C4.54681 16.7206 4.34788 16.4988 4.2103 16.2395C4.07272 15.9801 4.00065 15.6911 4.00039 15.3975V8.09791C4.00031 7.61668 4.14489 7.14655 4.41537 6.74853C4.68585 6.35051 5.06974 6.043 5.51719 5.86591L12.9368 2.92831C13.2096 2.82033 13.5047 2.78068 13.7964 2.81283C14.088 2.84497 14.3674 2.94793 14.6102 3.11273C14.853 3.27753 15.0518 3.49919 15.1893 3.75839C15.3268 4.01759 15.3989 4.30648 15.3992 4.59991V4.72351L14.2004 5.19991V4.59991V4.60111ZM17.5796 6.44311C17.6705 6.40713 17.7688 6.39391 17.866 6.4046C17.9632 6.4153 18.0563 6.44958 18.1372 6.50447C18.2181 6.55936 18.2844 6.63319 18.3303 6.71954C18.3761 6.80589 18.4002 6.90213 18.4004 6.99991V14.9487C18.4002 15.0688 18.3639 15.1861 18.2963 15.2853C18.2287 15.3846 18.1329 15.4613 18.0212 15.5055L10.8212 18.3579C10.7302 18.3939 10.6318 18.4071 10.5345 18.3964C10.4372 18.3856 10.344 18.3512 10.2631 18.2962C10.1821 18.2412 10.1159 18.1672 10.0701 18.0807C10.0243 17.9942 10.0004 17.8978 10.0004 17.7999V9.85231C10.0004 9.732 10.0365 9.61447 10.1041 9.51496C10.1718 9.41546 10.2677 9.33858 10.3796 9.29431L17.5796 6.44311ZM19.6004 6.99991C19.6003 6.70638 19.5283 6.41735 19.3909 6.15799C19.2535 5.89863 19.0547 5.67681 18.8119 5.51187C18.5691 5.34693 18.2896 5.24386 17.9979 5.21166C17.7061 5.17946 17.4109 5.21909 17.138 5.32711L9.93799 8.17831C9.6024 8.31113 9.31449 8.54176 9.11163 8.84028C8.90877 9.13879 8.80033 9.49139 8.80039 9.85231V17.7999C8.80034 18.0935 8.87212 18.3827 9.00948 18.6422C9.14683 18.9018 9.34559 19.1237 9.58841 19.2888C9.83124 19.4539 10.1108 19.5571 10.4026 19.5893C10.6945 19.6216 10.9898 19.582 11.2628 19.4739L18.4628 16.6215C18.7982 16.4888 19.086 16.2583 19.2888 15.96C19.4917 15.6618 19.6002 15.3094 19.6004 14.9487V6.99991Z"
      stroke={color}
      strokeWidth="0.25"
    />
  </svg>
);
