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

export const JamfSvg = ({ color, square, ...rest }: SvgLogoProps) => {
  const viewBox = square ? "0 0 32 32" : "0 0 93 32";
  const path = square ? (
    <>
      <path
        fill={color || "#778eb1"}
        d="M2.342 0.332c-0.949 0-1.718 0.77-1.718 1.72v11.893c0 0.925 0.75 1.677 1.675 1.677h5.989c2.742 0 6.505-0.564 7.539-5.436 0.001-0.001 1.027-4.879 1.636-7.77 0.227-1.075-0.594-2.083-1.692-2.083h-13.429z"
      />
      <path
        fill={color || "#778eb1"}
        d="M25.262 5.973c-4.044 0-6.434 1.704-7.523 5.362 0.002-0.007-2.817 8.711-2.817 8.711-1.033 2.863-2.695 4.043-5.73 4.043h-6.961c-0.888 0-1.608 0.721-1.608 1.609v4.443c0 0.85 0.688 1.539 1.538 1.539h28.256c0.886 0 1.605-0.718 1.605-1.605v-22.553c0-0.856-0.693-1.548-1.547-1.548h-5.212z"
      />
    </>
  ) : (
    <>
      <path
        fill={color || "#778eb1"}
        d="M19.2 4c-3.143 0-5.029 1.314-5.886 4.171l-2.171 6.8c-0.8 2.229-2.114 3.143-4.457 3.143h-5.429c-0.686 0-1.257 0.571-1.257 1.257v3.486c0 0.629 0.514 1.143 1.2 1.143h22.057c0.686 0 1.257-0.571 1.257-1.257v-17.543c0-0.686-0.514-1.2-1.2-1.2h-4.114zM1.314 0c-0.686 0-1.314 0.629-1.314 1.314v9.257c0 0.743 0.571 1.314 1.314 1.314h4.686c2.114 0 5.086-0.457 5.886-4.229 0 0 0.8-3.829 1.257-6.057 0.171-0.857-0.457-1.6-1.314-1.6h-10.514z"
      />
      <path
        fill={color || "#204156"}
        d="M87.371 7.6c0-3.143 2.114-4.629 5.086-4.743v2.571h-0.514c-1.314 0-2 1.086-2 2.4v2.057h2.4v2.286h-2.4v12.686h-2.571v-12.743h-2.229v-2.286h2.229v-2.229zM78.457 15.829c0-2.571-1.486-3.714-3.257-3.714-2.114 0-3.714 1.371-3.714 3.829v9.029h-2.571v-9.143c0-2.571-1.486-3.714-3.257-3.714-2.114 0-3.714 1.371-3.714 3.829v9.029h-2.514v-14.914h2.571v1.771h0.057c0.686-1.543 2.514-2.114 4.057-2.114 1.486 0 3.143 0.4 4.343 2.571 0.914-1.886 2.857-2.571 4.8-2.571 3.2 0 5.657 1.943 5.657 5.829v9.429h-2.571v-9.143h0.114zM47.485 17.086c-3.143 0-4.171 1.543-4.171 2.971s1.029 2.971 4.171 2.971c3.143 0 4.171-1.543 4.171-2.971s-1.086-2.971-4.171-2.971zM51.543 14.971c0-2.457-2.457-3.029-4.4-3.029-1.371 0-2.686 0.343-4.057 1.029l-1.143-2.114c2.229-0.971 4-1.143 5.314-1.143 3.543 0 6.857 1.543 6.857 5.086v10.171h-2.4v-1.6c-1.314 1.371-2.743 1.943-4.686 1.943-3.6 0-6.457-2-6.457-5.371 0-2.743 2.286-5.143 6.4-5.143 1.543 0 3.2 0.457 4.571 1.714v-1.543zM35.714 3.429c0.971 0 1.771 0.8 1.771 1.771 0 1.029-0.8 1.829-1.771 1.829s-1.771-0.8-1.771-1.771c0-1.029 0.8-1.829 1.771-1.829zM34.514 9.943h2.571l0.057 16.857c0 3.886-2.514 5.2-5.314 5.2h-0.971v-2.4h0.971c2.514 0 2.743-1.371 2.743-2.686l-0.057-16.971z"
      />
    </>
  );

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