import { TIconName } from '@interface/alias';

export const generateSvg = (name: TIconName, firstColor: string) => {
  let icon = null;
  if (name === 'logoSymbol') {
    icon = (
      <svg
        width="100%"
        height="100%"
        viewBox="0 0 268 263"
        fill={firstColor}
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M159.665 232.793C164.451 232.793 168.409 236.342 169.049 240.952C216.857 226.28 251.296 182.537 251.296 131.264C251.296 79.9905 216.857 36.2481 169.049 21.5753C168.409 26.1856 164.451 29.7349 159.665 29.7349H108.27C103.454 29.7349 99.4768 26.1407 98.875 21.4881C50.9178 36.0741 16.3425 79.8885 16.3424 131.264C16.3424 182.639 50.9178 226.454 98.875 241.04C99.4768 236.387 103.454 232.793 108.27 232.793H159.665ZM133.819 262.358C60.0159 262.358 0.18652 203.665 0.186523 131.264C0.186527 58.8627 60.0159 0.170041 133.819 0.170044C207.622 0.170047 267.452 58.8627 267.452 131.264C267.452 203.665 207.622 262.358 133.819 262.358ZM95.2658 38.5374C90.0334 38.5374 85.7917 42.7791 85.7917 48.0115C85.7917 53.2439 90.0334 57.4855 95.2658 57.4855H172.67C177.902 57.4855 182.144 53.2439 182.144 48.0115C182.144 42.7791 177.902 38.5374 172.67 38.5374H95.2658ZM182.144 214.516C182.144 219.749 177.902 223.99 172.67 223.99L95.2658 223.99C90.0334 223.99 85.7917 219.749 85.7917 214.516C85.7917 209.284 90.0334 205.042 95.2658 205.042H172.67C177.902 205.042 182.144 209.284 182.144 214.516ZM100.278 66.2883C95.0452 66.2883 90.8035 70.53 90.8035 75.7624C90.8035 80.9947 95.0452 85.2364 100.278 85.2364H167.658C172.89 85.2364 177.132 80.9947 177.132 75.7624C177.132 70.53 172.89 66.2883 167.658 66.2883H100.278ZM177.132 186.765C177.132 191.998 172.89 196.239 167.658 196.239H100.277C95.0451 196.239 90.8034 191.998 90.8034 186.765C90.8034 181.533 95.0451 177.291 100.277 177.291H167.658C172.89 177.291 177.132 181.533 177.132 186.765ZM87.7369 94.0389C82.5045 94.0389 78.2628 98.2806 78.2628 103.513C78.2628 108.745 82.5045 112.987 87.7369 112.987H180.199C185.432 112.987 189.673 108.745 189.673 103.513C189.673 98.2806 185.432 94.0389 180.199 94.0389H87.7369ZM189.673 159.015C189.673 164.247 185.431 168.489 180.199 168.489L87.7364 168.489C82.504 168.489 78.2623 164.247 78.2623 159.015C78.2623 153.782 82.504 149.541 87.7364 149.541H180.199C185.431 149.541 189.673 153.782 189.673 159.015ZM72.4379 121.79C67.2055 121.79 62.9638 126.031 62.9638 131.264C62.9638 136.496 67.2055 140.738 72.4379 140.738H195.498C200.73 140.738 204.972 136.496 204.972 131.264C204.972 126.031 200.731 121.79 195.498 121.79H72.4379Z"
        />
      </svg>
    );
  }
  if (name === 'signin') {
    icon = (
      <svg
        height="100%"
        width="100%"
        viewBox="0 -10 490.66667 490"
        xmlns="http://www.w3.org/2000/svg"
        fill={firstColor}
      >
        <path d="m325.332031 251h-309.332031c-8.832031 0-16-7.167969-16-16s7.167969-16 16-16h309.332031c8.832031 0 16 7.167969 16 16s-7.167969 16-16 16zm0 0" />
        <path d="m240 336.332031c-4.097656 0-8.191406-1.554687-11.308594-4.691406-6.25-6.25-6.25-16.382813 0-22.636719l74.027344-74.023437-74.027344-74.027344c-6.25-6.25-6.25-16.386719 0-22.636719 6.253906-6.25 16.386719-6.25 22.636719 0l85.332031 85.335938c6.25 6.25 6.25 16.382812 0 22.632812l-85.332031 85.332032c-3.136719 3.160156-7.230469 4.714843-11.328125 4.714843zm0 0" />
        <path d="m256 469.667969c-97.089844 0-182.804688-58.410157-218.410156-148.824219-3.242188-8.191406.808594-17.492188 9.023437-20.734375 8.191407-3.199219 17.515625.789063 20.757813 9.046875 30.742187 78.058594 104.789062 128.511719 188.628906 128.511719 111.742188 0 202.667969-90.925781 202.667969-202.667969s-90.925781-202.667969-202.667969-202.667969c-83.839844 0-157.886719 50.453125-188.628906 128.511719-3.265625 8.257812-12.566406 12.246094-20.757813 9.046875-8.214843-3.242187-12.265625-12.542969-9.023437-20.734375 35.605468-90.414062 121.320312-148.824219 218.410156-148.824219 129.386719 0 234.667969 105.28125 234.667969 234.667969s-105.28125 234.667969-234.667969 234.667969zm0 0" />
      </svg>
    );
  }
  if (name === 'signout') {
    icon = (
      <svg
        height="100%"
        width="100%"
        viewBox="0 -10 490.66667 490"
        xmlns="http://www.w3.org/2000/svg"
        fill={firstColor}
      >
        <path d="m474.667969 251h-309.335938c-8.832031 0-16-7.167969-16-16s7.167969-16 16-16h309.335938c8.832031 0 16 7.167969 16 16s-7.167969 16-16 16zm0 0" />
        <path d="m250.667969 336.332031c-4.097657 0-8.191407-1.554687-11.308594-4.691406l-85.332031-85.332031c-6.25-6.253906-6.25-16.386719 0-22.636719l85.332031-85.332031c6.25-6.25 16.382813-6.25 22.636719 0 6.25 6.25 6.25 16.382812 0 22.632812l-74.027344 74.027344 74.027344 74.027344c6.25 6.25 6.25 16.382812 0 22.632812-3.136719 3.117188-7.234375 4.671875-11.328125 4.671875zm0 0" />
        <path d="m234.667969 469.667969c-129.386719 0-234.667969-105.28125-234.667969-234.667969s105.28125-234.667969 234.667969-234.667969c97.085937 0 182.804687 58.410157 218.410156 148.824219 3.242187 8.210938-.8125 17.492188-9.023437 20.753906-8.214844 3.203125-17.496094-.789062-20.757813-9.042968-30.742187-78.082032-104.789063-128.535157-188.628906-128.535157-111.746094 0-202.667969 90.925781-202.667969 202.667969s90.921875 202.667969 202.667969 202.667969c83.839843 0 157.886719-50.453125 188.628906-128.511719 3.242187-8.257812 12.523437-12.246094 20.757813-9.046875 8.210937 3.242187 12.265624 12.542969 9.023437 20.757813-35.605469 90.390624-121.324219 148.800781-218.410156 148.800781zm0 0" />
      </svg>
    );
  }
  return icon;
};
