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

export const GsuiteSvg = ({ color, square, ...rest }: SvgLogoProps) => (
  <IntegrationLogoSvgWrapper viewBox="0 0 32 32" {...rest}>
    <title>GSuite integration logo</title>
    <path
      fill={color || "#4285f4"}
      d="M31.7526 16.3674C31.7526 15.2798 31.664 14.1863 31.4751 13.1163H16.3172V19.2776H24.9974C24.6372 21.2647 23.4799 23.0226 21.7851 24.1396V28.1374H26.9637C30.0048 25.3507 31.7526 21.2354 31.7526 16.3674Z"
    />
    <path
      fill={color || "#34a853"}
      d="M16.3172 32C20.6514 32 24.3065 30.5831 26.9696 28.1374L21.791 24.1396C20.3502 25.1156 18.4902 25.6682 16.3231 25.6682C12.1306 25.6682 8.57589 22.8521 7.30044 19.0659H1.95651V23.1872C4.68457 28.5901 10.2411 32 16.3172 32V32Z"
    />
    <path
      fill={color || "#fbbc04"}
      d="M7.29454 19.066C6.62138 17.0788 6.62138 14.9271 7.29454 12.9399V8.81866H1.95652C-0.322767 13.3397 -0.322767 18.6662 1.95652 23.1872L7.29454 19.066V19.066Z"
    />
    <path
      fill={color || "#ea4335"}
      d="M16.3172 6.3318C18.6083 6.29652 20.8226 7.15487 22.4819 8.73047L27.07 4.16241C24.1648 1.44626 20.3089 -0.047038 16.3172 -5.15278e-06C10.2411 -5.15278e-06 4.68457 3.40988 1.95651 8.81866L7.29453 12.9399C8.56408 9.14789 12.1247 6.3318 16.3172 6.3318V6.3318Z"
    />
  </IntegrationLogoSvgWrapper>
);