export const leftShape = (
  <svg viewBox="0 0 177 214" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M88.0139 214L176.027 160.534V53.7792L87.7632 0.137421V0.13623L87.7621 0.13681L0 53.7786V160.534L88.0139 214Z"
      fill="url(#paint0_linear_934_4046)"
    />
    <defs>
      <linearGradient
        id="paint0_linear_934_4046"
        x1="175.628"
        y1="155.359"
        x2="-2.46215"
        y2="48.8543"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#9589EC" />
        <stop offset="1" stop-color="#ABF0DE" />
      </linearGradient>
    </defs>
  </svg>
);

export const centerShape = (
  <svg viewBox="0 0 302 367" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M150.925 367L301.847 275.319L301.847 92.2567L150.494 0.272766V0.270508L1.56599e-05 92.2553L0 276.225L150.925 367Z"
      fill="url(#paint0_angular_934_4045)"
    />
    <defs>
      <radialGradient
        id="paint0_angular_934_4045"
        cx="0"
        cy="0"
        r="1"
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(150.282 142.975) rotate(0.425566) scale(207.986 219.54)"
      >
        <stop offset="0.244792" stop-color="#63C4E7" />
        <stop offset="0.924021" stop-color="#A8F9E4" />
      </radialGradient>
    </defs>
  </svg>
);

export const rightShape = (
  <svg viewBox="0 0 205 249" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M102.203 0L0.000976562 62.0861L0.000977149 186.051L102.493 248.34V248.342L102.495 248.341L204.405 186.052V61.4713L102.203 0Z"
      fill="url(#paint0_linear_934_4044)"
      fill-opacity="0.8"
    />
    <defs>
      <linearGradient
        id="paint0_linear_934_4044"
        x1="87.0925"
        y1="242.198"
        x2="-19.6201"
        y2="145.341"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#7B6EDF" />
        <stop offset="1" stop-color="#D6D3EE" />
      </linearGradient>
    </defs>
  </svg>
);