import type { TIllustrationAssetProps } from "../helper";
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";

export function SettingsHorizontalStackIllustration({
  className,
}: TIllustrationAssetProps) {
  return (
    <svg
      width="71"
      height="80"
      viewBox="0 0 71 80"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <g opacity="0.2">
        <path
          d="M41.6268 2.01787C40.8259 1.61053 39.7972 1.64524 38.6788 2.21137L7.8454 17.9247C5.31163 19.2158 3.25421 22.7646 3.25421 25.8438V63.3669C3.25421 65.086 3.88938 66.2943 4.89046 66.8121L1.8113 65.2449C0.810215 64.734 0.175049 63.5191 0.175049 61.8V24.2766C0.175049 21.1905 2.23246 17.6486 4.76624 16.3575L35.5996 0.644142C36.725 0.0711084 37.7536 0.0433035 38.5475 0.450641L41.6268 2.01787Z"
          fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
          stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
          strokeWidth="0.35"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M41.6269 2.01863C42.6279 2.52953 43.2631 3.7448 43.2631 5.4639V42.9873C43.2631 46.0734 41.2057 49.615 38.6719 50.906L7.83855 66.6197C6.7132 67.1928 5.68448 67.2202 4.89052 66.8129C3.88944 66.302 3.25427 65.0867 3.25427 63.3676V25.8446C3.25427 22.7585 5.31169 19.2166 7.84546 17.9255L38.6788 2.21214C39.8042 1.6391 40.8329 1.6113 41.6269 2.01863Z"
          fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
          stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
          strokeWidth="0.35"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </g>
      <g opacity="0.6">
        <path
          d="M55.0829 7.96176C54.282 7.55442 53.2533 7.58913 52.1348 8.15526L21.3015 23.8686C18.7677 25.1597 16.7103 28.7085 16.7103 31.7877V69.3111C16.7103 71.0302 17.3455 72.2382 18.3466 72.756L15.2674 71.1888C14.2663 70.6779 13.6311 69.463 13.6311 67.7439V30.2205C13.6311 27.1344 15.6885 23.5925 18.2223 22.3014L49.0557 6.58804C50.181 6.015 51.2097 5.98754 52.0037 6.39487L55.0829 7.96176Z"
          fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
          stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
          strokeWidth="0.35"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M55.0829 7.96089C56.084 8.47179 56.7192 9.68706 56.7192 11.4062V48.9296C56.7192 52.0157 54.6617 55.5572 52.128 56.8483L21.2946 72.562C20.1693 73.135 19.1406 73.1625 18.3467 72.7552C17.3456 72.2443 16.7103 71.0293 16.7103 69.3102V31.7868C16.7103 28.7007 18.7677 25.1588 21.3015 23.8678L52.1349 8.1544C53.2602 7.58136 54.289 7.55356 55.0829 7.96089Z"
          fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
          stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
          strokeWidth="0.35"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </g>
      <path
        d="M68.5387 13.9136C67.7378 13.5063 66.7091 13.541 65.5906 14.1071L34.7573 29.8205C32.2235 31.1116 30.1662 34.6604 30.1662 37.7396V75.263C30.1662 76.9821 30.8013 78.1901 31.8024 78.7079L28.7232 77.1407C27.7221 76.6298 27.0869 75.4148 27.0869 73.6957V36.1723C27.0869 33.0862 29.1443 29.5443 31.6781 28.2533L62.5115 12.5399C63.6368 11.9669 64.6655 11.9391 65.4595 12.3464L68.5387 13.9136Z"
        fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
        stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
        strokeWidth="0.35"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M68.5386 13.9145C69.5397 14.4254 70.1749 15.6407 70.1749 17.3598V54.8832C70.1749 57.9693 68.1175 61.5108 65.5837 62.8019L34.7503 78.5156C33.625 79.0887 32.5963 79.1161 31.8024 78.7088C30.8013 78.1979 30.1661 76.983 30.1661 75.2639V37.7404C30.1661 34.6544 32.2235 31.1124 34.7572 29.8214L65.5906 14.108C66.716 13.535 67.7447 13.5072 68.5386 13.9145Z"
        fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
        stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
        strokeWidth="0.35"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M50.4432 61.4762C50.3396 61.5315 50.236 61.5799 50.1324 61.6144C48.5928 62.222 47.3639 61.3519 47.2189 59.55C47.1913 59.1357 47.0256 58.8387 46.7563 58.7075C46.494 58.5695 46.1626 58.6112 45.8105 58.8252C45.6586 58.9149 45.5136 59.0391 45.3755 59.191C43.7393 60.9308 41.82 61.0273 41.0813 59.4256C40.4461 58.0448 40.888 55.7873 42.1445 54.0544C42.4345 53.654 42.6278 53.1982 42.683 52.7495C42.7383 52.3007 42.6692 51.9211 42.469 51.6795C42.3792 51.5759 42.2757 51.4999 42.1514 51.4516C41.4403 51.1961 40.9777 50.5195 40.8396 49.553C40.7016 48.5864 40.9017 47.4402 41.4057 46.3356C42.3033 44.3611 43.9671 42.9664 45.3686 43.0285C46.0245 43.0631 46.7978 42.3313 47.1015 41.3855C47.1637 41.1853 47.2051 40.9919 47.2189 40.7986C47.2189 40.764 47.219 40.7296 47.2259 40.6951C47.3225 39.6319 47.7299 38.5133 48.3789 37.533C49.0485 36.525 49.8908 35.7795 50.7469 35.4412C52.2865 34.8337 53.5154 35.7034 53.6604 37.5053C53.6949 37.9196 53.8537 38.2166 54.123 38.3478C54.3922 38.479 54.7236 38.4376 55.0688 38.2305C55.2207 38.1338 55.3657 38.0164 55.5038 37.8714C57.1331 36.1385 59.0593 36.0351 59.798 37.6368C60.4332 39.0176 59.9845 41.2751 58.7349 43.008C58.1411 43.8158 58.003 44.8789 58.4103 45.3829C58.5001 45.4865 58.6037 45.5623 58.728 45.6037C59.4391 45.8592 59.9016 46.5359 60.0466 47.4956C60.1847 48.4622 59.9914 49.6014 59.4874 50.713C58.5899 52.6944 56.926 54.0889 55.5176 54.0268C55.1931 54.0061 54.8409 54.1719 54.5165 54.4825C54.192 54.7932 53.9297 55.2142 53.7847 55.6698C53.7225 55.8701 53.6811 56.0703 53.6673 56.2568C53.5844 57.3545 53.1702 58.5076 52.5074 59.5156C51.9206 60.3993 51.2026 61.0827 50.4501 61.4624L50.4432 61.4762ZM45.9279 56.4088C46.6873 56.0222 47.4123 55.9737 47.9991 56.2706C48.6619 56.6089 49.0693 57.3475 49.1452 58.3623C49.2004 59.0735 49.6975 59.4259 50.3119 59.1842C50.6571 59.053 50.9954 58.7493 51.2647 58.3489C51.5339 57.9415 51.6997 57.4789 51.7273 57.0439C51.7618 56.5813 51.8584 56.0843 52.0172 55.5873C52.3831 54.4481 53.0321 53.3916 53.8399 52.6183C54.6546 51.8451 55.5314 51.4445 56.3116 51.486C56.8639 51.5067 57.5335 50.9477 57.8925 50.1537C58.0927 49.705 58.1756 49.2492 58.1204 48.8626C58.0652 48.476 57.8788 48.2066 57.5957 48.1031C57.2988 47.9995 57.0296 47.8131 56.8155 47.5438C55.7938 46.2873 56.1459 43.6499 57.6026 41.6616C58.0997 40.9781 58.2792 40.0739 58.0238 39.5216C57.7269 38.8795 56.9536 38.9209 56.3047 39.6113C55.9733 39.9703 55.6073 40.2739 55.2345 40.5087C54.3784 41.0403 53.5361 41.1438 52.8733 40.8124C52.2105 40.4741 51.8032 39.7353 51.7273 38.7274C51.6721 38.0093 51.1749 37.6642 50.5605 37.9058C49.8494 38.1751 49.2142 39.1488 49.1452 40.0532C49.1452 40.0808 49.1452 40.1082 49.1383 40.1358C49.0969 40.5846 49.0071 41.0404 48.8552 41.5099C48.1027 43.8641 46.1695 45.7004 44.554 45.6037C44.0017 45.583 43.332 46.1425 42.973 46.9296C42.7727 47.3784 42.6899 47.8338 42.7452 48.2204C42.8004 48.607 42.9868 48.8763 43.2699 48.9799C43.5667 49.0835 43.836 49.2701 44.05 49.5324C44.5471 50.14 44.7404 51.0857 44.5885 52.1973C44.4366 53.3088 43.9672 54.455 43.263 55.4147C42.7659 56.0982 42.5864 57.0023 42.8418 57.5546C43.1387 58.1967 43.9119 58.1554 44.5609 57.465C44.8923 57.1059 45.2582 56.8023 45.6379 56.5676C45.7346 56.5054 45.8312 56.45 45.9279 56.4017V56.4088Z"
        fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
      />
      <path
        d="M50.4363 53.2529C48.3029 54.3437 46.5631 53.115 46.5631 50.5122C46.5631 47.9093 48.3029 44.913 50.4363 43.8222C52.5696 42.7314 54.3094 43.9601 54.3094 46.5629C54.3094 49.1657 52.5696 52.162 50.4363 53.2529ZM50.4363 46.1833C49.3661 46.7287 48.4962 48.2268 48.4962 49.5248C48.4962 50.8227 49.3661 51.4372 50.4363 50.8917C51.5064 50.3463 52.3762 48.8483 52.3762 47.5503C52.3762 46.2524 51.5064 45.6379 50.4363 46.1833Z"
        fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
      />
    </svg>
  );
}