import React from "react";
import { IntegrationLogoSvgWrapper, SvgLogoProps } from "./wrapper";

export const JumpcloudSvg = ({
  color = "#1e8194",
  square,
  ...rest
}: SvgLogoProps) => {
  const viewBox = square ? "0 0 32 32" : "0 0 67 32";
  const path = square ? (
    <>
      <path
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
        d="M8.26074 20.808C7.07373 21.2503 6.10694 22.0136 5.51967 22.9633C5.39958 23.1571 5.53428 23.4084 5.76199 23.4084H8.18734H13.3067C13.4257 23.4084 13.5448 23.3132 13.579 23.1995C13.7518 22.6226 14.0643 22.0923 14.4449 21.5942C14.0362 21.2916 13.5815 21.0308 13.0779 20.8351C12.8987 20.7656 12.8573 20.5301 12.9988 20.3997C13.8626 19.6004 14.3237 18.3741 14.0276 17.0507C13.7379 15.7574 12.6852 14.719 11.3885 14.4468C9.13488 13.9739 7.14999 15.6808 7.14999 17.851C7.14999 18.8926 7.61111 19.8234 8.33665 20.461C8.45496 20.5647 8.40827 20.7532 8.26074 20.808Z"
      />
      <path
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
        d="M18.176 20.0194C17.1886 20.3658 16.3237 20.9018 15.6505 21.5724C15.4585 21.7634 15.2871 21.968 15.1278 22.1797C14.93 22.4427 14.7625 22.7217 14.6242 23.0125C14.5369 23.1967 14.683 23.4084 14.8869 23.4084H23.5373H26.6651C26.8803 23.4084 27.0146 23.1824 26.9209 22.9886C26.6893 22.5075 26.3821 22.0585 25.9969 21.6587C25.3148 20.9502 24.4225 20.3844 23.3973 20.0234C23.2369 19.9667 23.1895 19.7607 23.3217 19.6535C24.4321 18.748 25.0504 17.2631 24.7108 15.658C24.5565 14.9307 24.1684 14.2665 23.6453 13.7387C22.7983 12.8849 21.9758 12.6126 21.189 12.5353C21.1377 12.5303 21.0871 12.5303 21.0354 12.5275C20.9345 12.5211 20.8337 12.5154 20.7343 12.5164C20.6787 12.5171 20.6245 12.5218 20.5696 12.5246C20.4777 12.5296 20.3858 12.5353 20.2952 12.546C20.2375 12.5531 20.1801 12.5631 20.1231 12.5727C20.038 12.5866 19.9531 12.6023 19.8701 12.6216C19.8131 12.6347 19.7564 12.6497 19.6998 12.6654C19.6185 12.6882 19.5383 12.7135 19.4596 12.7409C19.4051 12.7598 19.3509 12.7791 19.2975 12.8001C19.218 12.8318 19.1403 12.8671 19.0633 12.9034C19.0145 12.9266 18.965 12.9487 18.9172 12.974C18.8353 13.0167 18.7558 13.0645 18.6774 13.113C18.6382 13.1368 18.5979 13.1589 18.5598 13.1842C18.4568 13.2527 18.3574 13.3261 18.2612 13.4034C18.2501 13.4123 18.238 13.4201 18.227 13.429C18.1204 13.5171 18.0189 13.6108 17.9216 13.7091C17.8934 13.7373 17.8685 13.7683 17.8414 13.7975C17.7744 13.8688 17.7088 13.9411 17.6479 14.0174C17.6158 14.0573 17.5862 14.0993 17.5556 14.1403C17.5036 14.2102 17.453 14.2807 17.4056 14.3538C17.3753 14.3998 17.3475 14.4479 17.3197 14.4953C17.2773 14.5672 17.2359 14.6403 17.1982 14.7148C17.1725 14.7657 17.1476 14.817 17.1237 14.8691C17.0891 14.945 17.0571 15.0227 17.0271 15.1007C17.0068 15.1542 16.9865 15.2076 16.9683 15.2618C16.9409 15.3437 16.9177 15.4278 16.8953 15.5123C16.8814 15.5654 16.8661 15.6178 16.8543 15.6719C16.8336 15.7657 16.8187 15.8615 16.8048 15.9577C16.7983 16.0044 16.7887 16.0504 16.7837 16.0974C16.7681 16.2417 16.7584 16.3882 16.7584 16.5368C16.7584 17.7997 17.3414 18.9258 18.2526 19.6627C18.3791 19.7654 18.33 19.9656 18.176 20.0194Z"
      />
      <mask
        id="jumpcloud-square-mask0"
        mask-type="alpha"
        maskUnits="userSpaceOnUse"
        x="0"
        y="8"
        width="32"
        height="16"
      >
        <path d="M0 8H32V23.4746H0V8Z" fill="white" />
      </mask>
      <g mask="url(#jumpcloud-square-mask0)">
        <path
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
          d="M31.9998 19.2283C31.9998 16.9113 30.1215 15.0326 27.8041 15.0326C27.441 15.0326 27.0914 15.0835 26.7554 15.1698C26.5038 12.4818 24.2431 10.3775 21.4892 10.3775C21.244 10.3775 21.0052 10.4 20.769 10.4321C19.6511 8.9571 17.8854 7.99994 15.8919 7.99994C13.189 7.99994 10.8994 9.7532 10.0873 12.1828C8.30837 12.305 6.75894 13.2562 5.82744 14.6588C5.41122 14.5319 4.96934 14.4624 4.51178 14.4624C2.0198 14.4624 -0.000366211 16.4826 -0.000366211 18.9746C-0.000366211 21.386 1.8933 23.3499 4.27374 23.4746C4.71526 22.2063 5.74084 21.0767 7.05151 20.3693C6.5348 19.6374 6.24972 18.7593 6.24972 17.851C6.24972 15.4338 8.21643 13.4671 10.6336 13.4671C10.9429 13.4671 11.2561 13.4999 11.5651 13.564C13.2856 13.9222 14.6458 15.3323 14.949 17.0731C15.1546 18.2529 14.8842 19.4275 14.2164 20.37C14.5125 20.5297 14.784 20.7139 15.0434 20.9085C15.5758 20.3843 16.2094 19.9335 16.9122 19.58C16.234 18.7208 15.8584 17.656 15.8584 16.5367C15.8584 13.8224 18.0664 11.6141 20.7811 11.6141C21.1314 11.6141 21.4863 11.6511 21.8359 11.7242C23.6857 12.1119 25.1938 13.6139 25.589 15.4616C25.9047 16.9391 25.548 18.4375 24.649 19.5793C25.408 19.9613 26.0868 20.4545 26.6452 21.0343C27.3024 21.7167 27.7902 22.5687 28.0632 23.4112C30.259 23.2765 31.9998 21.458 31.9998 19.2283Z"
        />
      </g>
    </>
  ) : (
    <>
      <path
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
        d="M17.5024 26.4858C15.0478 27.4003 13.0486 28.9788 11.8341 30.9426C11.5858 31.3435 11.8644 31.863 12.3352 31.863H17.3506H27.937C28.1831 31.863 28.4292 31.6663 28.5 31.4312C28.8574 30.2381 29.5036 29.1416 30.2906 28.1114C29.4454 27.4858 28.5051 26.9464 27.4639 26.5418C27.0932 26.3981 27.0077 25.911 27.3003 25.6413C29.0865 23.9885 30.0401 21.4528 29.4277 18.7159C28.8286 16.0417 26.6518 13.8943 23.9702 13.3313C19.31 12.3535 15.2055 15.8832 15.2055 20.371C15.2055 22.525 16.159 24.4498 17.6594 25.7681C17.904 25.9825 17.8075 26.3723 17.5024 26.4858Z"
      />
      <path
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
        d="M38.0063 24.8551C35.9643 25.5714 34.1758 26.6797 32.7838 28.0665C32.3866 28.4615 32.0322 28.8845 31.7028 29.3222C31.2938 29.866 30.9475 30.443 30.6615 31.0444C30.481 31.4253 30.7831 31.8631 31.2046 31.8631H49.093H55.5608C56.0059 31.8631 56.2837 31.3959 56.0899 30.995C55.6109 30.0002 54.9757 29.0717 54.1791 28.2449C52.7687 26.7799 50.9235 25.6097 48.8034 24.8632C48.4718 24.746 48.3738 24.3201 48.6472 24.0983C50.9434 22.2258 52.2219 19.1551 51.5196 15.8361C51.2005 14.3321 50.398 12.9585 49.3163 11.8672C47.5646 10.1015 45.8639 9.53854 44.2368 9.37863C44.1307 9.36832 44.026 9.36832 43.9192 9.36242C43.7106 9.34916 43.5021 9.33737 43.2965 9.33958C43.1815 9.34105 43.0695 9.35063 42.956 9.35653C42.7659 9.36684 42.5758 9.37863 42.3886 9.40074C42.2693 9.41548 42.1506 9.43611 42.0327 9.45601C41.8566 9.48475 41.6812 9.51717 41.5095 9.55696C41.3916 9.58423 41.2744 9.61518 41.1573 9.6476C40.9892 9.69477 40.8234 9.74709 40.6606 9.80383C40.5478 9.84288 40.4358 9.88268 40.3253 9.92615C40.161 9.99174 40.0003 10.0647 39.8412 10.1399C39.7402 10.1878 39.6378 10.2334 39.539 10.2858C39.3695 10.3742 39.2052 10.4729 39.0431 10.5732C38.962 10.6225 38.8788 10.6682 38.7999 10.7205C38.5869 10.862 38.3813 11.0138 38.1824 11.1737C38.1595 11.1922 38.1345 11.2084 38.1116 11.2268C37.8913 11.4088 37.6813 11.6026 37.4801 11.806C37.4219 11.8642 37.3703 11.9283 37.3143 11.9887C37.1758 12.1361 37.0402 12.2857 36.9142 12.4434C36.8478 12.526 36.7867 12.6129 36.7233 12.6977C36.6157 12.8421 36.5111 12.988 36.4131 13.1391C36.3504 13.2341 36.293 13.3336 36.2355 13.4316C36.1478 13.5805 36.0623 13.7315 35.9842 13.8855C35.9311 13.9909 35.8796 14.097 35.8302 14.2046C35.7587 14.3616 35.6924 14.5222 35.6305 14.6836C35.5885 14.7941 35.5465 14.9047 35.5089 15.0167C35.4521 15.1862 35.4043 15.3601 35.3578 15.5347C35.3291 15.6445 35.2974 15.7529 35.2731 15.8649C35.2303 16.0587 35.1994 16.2569 35.1707 16.4559C35.1574 16.5524 35.1375 16.6475 35.1272 16.7447C35.0947 17.0432 35.0749 17.346 35.0749 17.6533C35.0749 20.2649 36.2804 22.5935 38.1647 24.1175C38.4263 24.3297 38.3246 24.7438 38.0063 24.8551Z"
      />
      <mask
        id="jumpcloud-mask0"
        mask-type="alpha"
        maskUnits="userSpaceOnUse"
        x="0"
        y="0"
        width="67"
        height="32"
      >
        <path d="M0.420013 0H66.5929V32H0.420013V0Z" fill="white" />
      </mask>
      <g mask="url(#jumpcloud-mask0)">
        <path
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
          d="M66.5929 23.219C66.5929 18.4277 62.7087 14.5427 57.9166 14.5427C57.1657 14.5427 56.4428 14.6481 55.7479 14.8264C55.2276 9.26797 50.5527 4.91655 44.8579 4.91655C44.3509 4.91655 43.8572 4.96298 43.3686 5.0293C41.057 1.97925 37.4056 -7.62939e-05 33.2834 -7.62939e-05C27.694 -7.62939e-05 22.9593 3.62549 21.2799 8.64971C17.6013 8.90247 14.3972 10.8693 12.471 13.7697C11.6103 13.5074 10.6965 13.3637 9.75033 13.3637C4.59716 13.3637 0.419647 17.5412 0.419647 22.6944C0.419647 27.681 4.33556 31.7421 9.25808 32C10.1711 29.3774 12.2919 27.0414 15.0022 25.5786C13.9337 24.065 13.3442 22.2493 13.3442 20.3709C13.3442 15.3725 17.4112 11.3055 22.4096 11.3055C23.0492 11.3055 23.697 11.3733 24.3359 11.5059C27.8937 12.2465 30.7064 15.1625 31.3335 18.7622C31.7587 21.2021 31.1994 23.631 29.8184 25.5801C30.4308 25.9102 30.9923 26.2912 31.5288 26.6935C32.6297 25.6096 33.94 24.6774 35.3931 23.9464C33.9908 22.1697 33.2141 19.9678 33.2141 17.6532C33.2141 12.0402 37.78 7.47361 43.3937 7.47361C44.1181 7.47361 44.852 7.55025 45.5749 7.70131C49.4002 8.50306 52.5188 11.6091 53.336 15.43C53.9889 18.4852 53.2513 21.5839 51.3921 23.9449C52.9617 24.7349 54.3655 25.7547 55.5202 26.9537C56.8791 28.3648 57.8879 30.1268 58.4523 31.8688C62.9931 31.5903 66.5929 27.8299 66.5929 23.219Z"
        />
      </g>
    </>
  );

  return (
    <IntegrationLogoSvgWrapper viewBox={viewBox} {...rest}>
      <title>Jumpcloud integration logo</title>
      {path}
    </IntegrationLogoSvgWrapper>
  );
};
