import React from "react";

export const LightAbove = () => {
  return (
    <svg
      width="1424"
      height="651"
      viewBox="0 0 1424 651"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g
        filter="url(#filter0_f_2693_2600)"
        style={{ mixBlendMode: "plus-lighter" }}
      >
        <path
          d="M611.5 51L495 -188H959L849.5 51H611.5Z"
          fill="#FA9A63"
          fillOpacity="0.1"
        />
      </g>
      <g
        filter="url(#filter1_f_2693_2600)"
        style={{ mixBlendMode: "plus-lighter" }}
      >
        <path d="M611.5 219L495 -188H959L849.5 219H611.5Z" fill="#FFD99F" />
      </g>
      <g
        filter="url(#filter2_f_2693_2600)"
        style={{ mixBlendMode: "plus-lighter" }}
      >
        <path
          d="M656.49 43L568 -219H829L768.219 43H656.49Z"
          fill="#F6B253"
          fillOpacity="0.8"
        />
      </g>
      <defs>
        <filter
          id="filter0_f_2693_2600"
          x="-105"
          y="-788"
          width="1664"
          height="1439"
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          <feFlood floodOpacity="0" result="BackgroundImageFix" />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="BackgroundImageFix"
            result="shape"
          />
          <feGaussianBlur
            stdDeviation="300"
            result="effect1_foregroundBlur_2693_2600"
          />
        </filter>
        <filter
          id="filter1_f_2693_2600"
          x="95"
          y="-588"
          width="1264"
          height="1207"
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          <feFlood floodOpacity="0" result="BackgroundImageFix" />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="BackgroundImageFix"
            result="shape"
          />
          <feGaussianBlur
            stdDeviation="200"
            result="effect1_foregroundBlur_2693_2600"
          />
        </filter>
        <filter
          id="filter2_f_2693_2600"
          x="408"
          y="-379"
          width="581"
          height="582"
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          <feFlood floodOpacity="0" result="BackgroundImageFix" />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="BackgroundImageFix"
            result="shape"
          />
          <feGaussianBlur
            stdDeviation="80"
            result="effect1_foregroundBlur_2693_2600"
          />
        </filter>
      </defs>
    </svg>
  );
};