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

export const ZoomSvg = ({
  color = "#2d8cff",
  square,
  ...rest
}: SvgLogoProps) => {
  const viewBox = square ? "0 0 32 32" : "0 0 142 32";
  const path = square ? (
    <>
      <path
        fill={color}
        d="M0.101 15.986c0 8.787 7.124 15.911 15.911 15.911s15.911-7.123 15.911-15.911c0-8.787-7.124-15.911-15.911-15.911s-15.911 7.124-15.911 15.911z"
      />
      <path
        fill="#fff"
        d="M19.915 21.691h-10.625c-1.969 0-3.566-1.596-3.566-3.566v-7.286c0-0.42 0.341-0.76 0.761-0.76h10.625c1.969 0 3.566 1.597 3.566 3.566v7.286c0 0.42-0.34 0.76-0.76 0.76z"
      />
      <path
        fill="#fff"
        d="M21.157 18.249l4.684 3.33c0.282 0 0.51-0.228 0.51-0.51v-10.221c0-0.282-0.228-0.51-0.51-0.51l-4.684 3.33v4.582z"
      />
    </>
  ) : (
    <>
      <path
        fill={color}
        d="M57.72 4.68c-3.12-3.12-7.2-4.68-11.32-4.68-4.080 0-8.2 1.56-11.32 4.68-6.24 6.24-6.24 16.36 0 22.64 6.24 6.24 16.36 6.24 22.64 0 6.24-6.24 6.24-16.4 0-22.64zM53.2 22.8c-3.76 3.76-9.84 3.76-13.56 0-3.76-3.76-3.76-9.84 0-13.56 3.76-3.76 9.84-3.76 13.56 0 3.72 3.72 3.72 9.8 0 13.56z"
      />
      <path
        fill={color}
        d="M91.32 4.68c-3.12-3.12-7.2-4.68-11.32-4.68-4.080 0-8.2 1.56-11.32 4.68-6.24 6.24-6.24 16.36 0 22.64 6.24 6.24 16.36 6.24 22.64 0 6.24-6.24 6.24-16.4 0-22.64zM86.8 22.8c-3.76 3.76-9.84 3.76-13.56 0-3.76-3.76-3.76-9.84 0-13.56 3.76-3.76 9.84-3.76 13.56 0 3.72 3.72 3.72 9.8 0 13.56z"
      />
      <path
        fill={color}
        d="M6.4 31.92l1.6 0.080h24l-0.080-1.6c-0.2-2.64-2.080-4.56-4.72-4.72l-1.6-0.080h-14.4l19.2-19.2-0.080-1.6c-0.12-2.64-2.080-4.6-4.72-4.72l-1.6-0.080h-24l0.080 1.6c0.2 2.6 2.12 4.56 4.72 4.72l1.6 0.080h14.4l-19.2 19.2 0.080 1.6c0.16 2.64 2.080 4.56 4.72 4.72z"
      />
      <path
        fill={color}
        d="M115.92 9.6c0.56 0.96 0.72 2 0.8 3.2l0.080 1.6v11.2l0.080 1.6c0.16 2.6 2.080 4.56 4.72 4.72l1.6 0.080v-17.6l0.080-1.6c0.080-1.2 0.24-2.28 0.8-3.24 1.12-1.92 3.16-3.16 5.52-3.16s4.44 1.28 5.56 3.2c0.56 0.96 0.72 2.040 0.76 3.2l0.080 1.6v11.2l0.080 1.6c0.16 2.64 2.080 4.56 4.72 4.72l1.6 0.080v-19.2c0-7.080-5.72-12.8-12.8-12.8-3.84 0-7.24 1.68-9.6 4.32-2.36-2.64-5.76-4.32-9.6-4.32-2.64 0-5.12 0.8-7.16 2.2-1.24-1.4-4.040-2.2-5.64-2.2v32l1.6-0.080c2.68-0.16 4.6-2.080 4.72-4.72l0.080-1.6v-11.2l0.080-1.6c0.080-1.2 0.24-2.28 0.8-3.2 1.12-1.92 3.16-3.2 5.52-3.2s4.44 1.28 5.52 3.2z"
      />
    </>
  );
  return (
    <IntegrationLogoSvgWrapper viewBox={viewBox} {...rest}>
      <title>Zoom integration logo</title>
      {path}
    </IntegrationLogoSvgWrapper>
  );
};