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

export const EventsAPI = ({ color, square, ...rest }: SvgLogoProps) => (
  <IntegrationLogoSvgWrapper viewBox="0 0 32 32" {...rest}>
    <title>Events API logo</title>
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M16 27.9585C22.6045 27.9585 27.9585 22.6045 27.9585 16C27.9585 9.39556 22.6045 4.04157 16 4.04157C9.39554 4.04157 4.04156 9.39556 4.04156 16C4.04156 22.6045 9.39554 27.9585 16 27.9585ZM16 29.6728C23.5513 29.6728 29.6728 23.5513 29.6728 16C29.6728 8.44878 23.5513 2.32729 16 2.32729C8.44876 2.32729 2.32727 8.44878 2.32727 16C2.32727 23.5513 8.44876 29.6728 16 29.6728Z"
      fill={color || colors.gray["500"]}
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M2.90908 15.1429L29.0909 15.1429V16.8572L2.90908 16.8572V15.1429Z"
      fill={color || colors.gray["500"]}
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M16.8572 3.49092L16.8572 29.6728L15.1429 29.6728L15.1429 3.49092L16.8572 3.49092Z"
      fill={color || colors.gray["500"]}
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M25.1429 8.00002L7.42855 25.7143L6.21637 24.5021L23.9307 6.78783L25.1429 8.00002Z"
      fill={color || colors.gray["500"]}
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M25.881 27.1429L6.45243 7.71429L7.66461 6.50211L27.0932 25.9307L25.881 27.1429Z"
      fill={color || colors.gray["500"]}
    />
    <path
      d="M22.8572 16C22.8572 19.7871 19.7871 22.8572 16 22.8572C12.2129 22.8572 9.14288 19.7871 9.14288 16C9.14288 12.2129 12.2129 9.14287 16 9.14287C19.7871 9.14287 22.8572 12.2129 22.8572 16Z"
      fill={color || colors.gray["700"]}
    />
    <path
      d="M4.74075 16C4.74075 17.3091 3.6795 18.3703 2.37037 18.3703C1.06125 18.3703 0 17.3091 0 16C0 14.6908 1.06125 13.6296 2.37037 13.6296C3.6795 13.6296 4.74075 14.6908 4.74075 16Z"
      fill={color || colors.gray["700"]}
    />
    <path
      d="M32 16.0847C32 17.3938 30.9388 18.4551 29.6297 18.4551C28.3205 18.4551 27.2593 17.3938 27.2593 16.0847C27.2593 14.7756 28.3205 13.7143 29.6297 13.7143C30.9388 13.7143 32 14.7756 32 16.0847Z"
      fill={color || colors.gray["700"]}
    />
    <path
      d="M16 4.74075C14.6909 4.74075 13.6297 3.67949 13.6297 2.37037C13.6297 1.06125 14.6909 -1.57964e-07 16 -1.01762e-07C17.3092 -4.55604e-08 18.3704 1.06125 18.3704 2.37037C18.3704 3.67949 17.3092 4.74075 16 4.74075Z"
      fill={color || colors.gray["700"]}
    />
    <path
      d="M16 32.0001C14.6909 32.0001 13.6297 30.9388 13.6297 29.6297C13.6297 28.3206 14.6909 27.2593 16 27.2593C17.3092 27.2593 18.3704 28.3206 18.3704 29.6297C18.3704 30.9388 17.3092 32.0001 16 32.0001Z"
      fill={color || colors.gray["700"]}
    />
    <path
      d="M23.9615 8.03856C23.0358 7.11288 23.0358 5.61204 23.9615 4.68635C24.8872 3.76066 26.388 3.76066 27.3137 4.68635C28.2394 5.61204 28.2394 7.11288 27.3137 8.03856C26.388 8.96425 24.8872 8.96425 23.9615 8.03856Z"
      fill={color || colors.gray["700"]}
    />
    <path
      d="M4.68634 27.3137C3.76065 26.388 3.76065 24.8872 4.68634 23.9615C5.61203 23.0358 7.11286 23.0358 8.03855 23.9615C8.96424 24.8872 8.96424 26.388 8.03855 27.3137C7.11286 28.2394 5.61203 28.2394 4.68634 27.3137Z"
      fill={color || colors.gray["700"]}
    />
    <path
      d="M23.9616 23.9616C24.8873 23.0359 26.3881 23.0359 27.3138 23.9616C28.2395 24.8873 28.2395 26.3881 27.3138 27.3138C26.3881 28.2395 24.8873 28.2395 23.9616 27.3138C23.0359 26.3881 23.0359 24.8873 23.9616 23.9616Z"
      fill={color || colors.gray["700"]}
    />
    <path
      d="M4.68632 4.68633C5.61201 3.76064 7.11284 3.76064 8.03853 4.68633C8.96422 5.61201 8.96422 7.11285 8.03853 8.03854C7.11285 8.96423 5.61201 8.96423 4.68632 8.03854C3.76063 7.11285 3.76063 5.61201 4.68632 4.68633Z"
      fill={color || colors.gray["700"]}
    />
  </IntegrationLogoSvgWrapper>
);
