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

export const ServiceNowSvg = ({ color = "#62d84e", ...rest }: SvgLogoProps) => {
  const viewBox = "0 0 34 32";
  const path = (
    <path
      fill={color}
      d="M17.932 1.657c-8.926 0-15.939 7.013-15.939 15.939 0 4.675 1.913 8.926 4.888 11.901 1.063 1.062 2.975 1.062 4.25 0.212 1.7-1.488 4.25-2.338 6.8-2.338 2.763 0 4.888 0.85 6.8 2.338 1.275 1.063 2.975 0.85 4.25-0.425 2.975-2.975 4.888-7.013 4.888-11.688-0.213-8.713-7.226-15.939-15.939-15.939zM17.719 25.884c-4.888 0-8.076-3.613-8.076-8.076s3.188-8.076 8.076-8.076c4.888 0 8.075 3.613 8.075 8.076s-3.188 8.076-8.075 8.076z"
    />
  );

  return (
    <IntegrationLogoSvgWrapper viewBox={viewBox} {...rest}>
      {path}
    </IntegrationLogoSvgWrapper>
  );
};