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

export const JiraSvg = ({ color, square, ...rest }: SvgLogoProps) => (
  <IntegrationLogoSvgWrapper viewBox="0 0 32 32" {...rest}>
    <title>Jira integration logo</title>
    <path
      d="M31.1047 15.1045L17.3349 1.33474L16.0001 0L5.63475 10.3654L0.895579 15.1045C0.658281 15.3421 0.524994 15.6642 0.524994 16C0.524994 16.3358 0.658281 16.6579 0.895579 16.8955L10.3655 26.3654L16.0001 32L26.3655 21.6346L26.526 21.4741L31.1047 16.8955C31.342 16.6579 31.4752 16.3358 31.4752 16C31.4752 15.6642 31.342 15.3421 31.1047 15.1045V15.1045ZM16.0001 20.7307L11.2694 16L16.0001 11.2693L20.7308 16L16.0001 20.7307Z"
      fill={color || "#2684ff"}
    />
    <path
      d="M16.0001 11.2693C14.5122 9.78121 13.6736 7.7649 13.6672 5.6606C13.6609 3.55631 14.4874 1.53499 15.9663 0.0380096L5.61362 10.3865L11.2483 16.0211L16.0001 11.2693Z"
      fill={color || "url(#jira_paint0_linear)"}
    />
    <path
      d="M20.7435 15.9873L16.0001 20.7307C16.7404 21.4705 17.3276 22.3489 17.7282 23.3157C18.1288 24.2825 18.335 25.3188 18.335 26.3654C18.335 27.4119 18.1288 28.4482 17.7282 29.415C17.3276 30.3818 16.7404 31.2602 16.0001 32V32L26.3782 21.622L20.7435 15.9873Z"
      fill={color || "url(#jira_paint1_linear)"}
    />
    <defs>
      <linearGradient
        id="jira_paint0_linear"
        x1="15.1553"
        y1="6.48363"
        x2="8.5492"
        y2="13.0897"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0.18" stopColor="#0052cc" />
        <stop offset="1" stopColor="#2684ff" />
      </linearGradient>
      <linearGradient
        id="jira_paint1_linear"
        x1="418.46"
        y1="981.231"
        x2="646.623"
        y2="833.356"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0.18" stopColor="#0052cc" />
        <stop offset="1" stopColor="#2684ff" />
      </linearGradient>
    </defs>
  </IntegrationLogoSvgWrapper>
);
