export const centerShape = (
  <svg viewBox="0 0 582 667" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M291.285 0L0.900391 164.099V499.366L292.054 667H292.112L581.611 499.366V164.099L291.285 0Z"
      fill="url(#paint0_linear_934_3155)"
    />
    <defs>
      <linearGradient
        id="paint0_linear_934_3155"
        x1="290.988"
        y1="129.454"
        x2="290.988"
        y2="411.69"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#9DE4FF" />
        <stop offset="1" stop-color="#9589EA" />
      </linearGradient>
    </defs>
  </svg>
);

export const leftShape = (
  <svg viewBox="0 0 273 316" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M273.001 235.832L272.783 78.7356L136.845 0L0 78.2259L0.189217 236.568L136.833 315.228L273.001 235.832Z"
      fill="url(#paint0_angular_934_3153)"
    />
    <defs>
      <radialGradient
        id="paint0_angular_934_3153"
        cx="0"
        cy="0"
        r="1"
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(122.869 107.3) rotate(79.398) scale(174.74 151.365)"
      >
        <stop offset="0.1" stop-color="#004FC7" />
        <stop offset="1" stop-color="#00F3B4" />
      </radialGradient>
    </defs>
  </svg>
);

export const rightShape = (
  <svg viewBox="0 0 357 411" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M178.5 0L0 101.709V307.84L179.009 410.906L357 307.84V101.709L178.5 0Z"
      fill="url(#paint0_angular_934_3154)"
    />
    <defs>
      <radialGradient
        id="paint0_angular_934_3154"
        cx="0"
        cy="0"
        r="1"
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(-298.5 536) rotate(90.1962) scale(536.248 1035.8)"
      >
        <stop offset="0.00523167" stop-color="#6CF8D3" />
        <stop offset="0.75" stop-color="#9589EA" />
      </radialGradient>
    </defs>
  </svg>
);
