export const leftShape = (
  <svg viewBox="0 0 315 383" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M157.481 0L0.128906 95.5867L0.128907 286.448L157.928 382.35V382.353L157.931 382.351L314.834 286.449V94.6425L157.481 0Z"
      fill="url(#paint0_linear_934_4047)"
      fill-opacity="0.8"
    />
    <defs>
      <linearGradient
        id="paint0_linear_934_4047"
        x1="134.217"
        y1="372.893"
        x2="-30.0804"
        y2="223.77"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#7B6EDF" />
        <stop offset="1" stop-color="#D6D3EE" />
      </linearGradient>
    </defs>
  </svg>
);

export const centerShape = (
  <svg viewBox="0 0 216 262" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M108.18 262L215.999 196.504L215.999 65.7246L107.873 0.0116882V0.0102539L107.872 0.0110779L0.360363 65.7237L0.360352 197.15L108.18 262Z"
      fill="url(#paint0_angular_934_4048)"
    />
    <defs>
      <radialGradient
        id="paint0_angular_934_4048"
        cx="0"
        cy="0"
        r="1"
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(107.721 101.958) scale(161.704 111.194)"
      >
        <stop offset="0.500114" stop-color="#CFC9FB" />
        <stop offset="0.99989" stop-color="#A8F9E4" />
      </radialGradient>
    </defs>
  </svg>
);

export const rightShape = (
  <svg viewBox="0 0 177 214" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M88.3747 214L176.388 161.063V53.779L88.124 0.137177V0.135986L88.123 0.136566L0.360849 53.7784L0.36084 161.063L88.3747 214Z"
      fill="url(#paint0_linear_934_4049)"
    />
    <defs>
      <linearGradient
        id="paint0_linear_934_4049"
        x1="117.894"
        y1="257.73"
        x2="63.5262"
        y2="76.2588"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#83B4FF" />
        <stop offset="1" stop-color="#ABF0DE" />
      </linearGradient>
    </defs>
  </svg>
);
