import React from "react";

export const RoundedGridPattern = () => {
  return (
    <svg
      width="450"
      height="326"
      viewBox="0 0 450 326"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className="w-full h-fit"
    >
      <g clipPath="url(#clip0_2620_9398)">
        <rect width="450" height="325.2" fill="white" />
        <rect
          y="-49.2031"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="75"
          y="-49.2031"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="150"
          y="-49.2031"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="225"
          y="-49.2031"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="300"
          y="-49.2031"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="375"
          y="-49.2031"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          y="25.7969"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="75"
          y="25.7969"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="150"
          y="25.7969"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="225"
          y="25.7969"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="300"
          y="25.7969"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="375"
          y="25.7969"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          y="100.797"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="75"
          y="100.797"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="150"
          y="100.797"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="225"
          y="100.797"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="300"
          y="100.797"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="375"
          y="100.797"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          y="175.797"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="75"
          y="175.797"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="150"
          y="175.797"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="225"
          y="175.797"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="300"
          y="175.797"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="375"
          y="175.797"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          y="250.797"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="75"
          y="250.797"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="150"
          y="250.797"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="225"
          y="250.797"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="300"
          y="250.797"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <rect
          x="375"
          y="250.797"
          width="75"
          height="75"
          rx="8.27586"
          stroke="#F0F0F0"
          strokeWidth="0.775862"
        />
        <path
          d="M300 -42.9922V17.5251C300 22.0957 303.705 25.8009 308.276 25.8009H366.724C371.295 25.8009 375 29.5061 375 34.0768V92.525C375 97.0957 378.705 100.801 383.276 100.801H441.724C446.295 100.801 450 104.506 450 109.077V167.525C450 172.096 453.705 175.801 458.276 175.801H516.724C521.295 175.801 525 179.506 525 184.077V242.525C525 247.096 528.705 250.801 533.276 250.801H593.793M225 -42.9922V17.5251C225 22.0957 228.705 25.8009 233.276 25.8009H291.724C296.295 25.8009 300 29.5061 300 34.0768V92.525C300 97.0957 303.705 100.801 308.276 100.801H366.724C371.295 100.801 375 104.506 375 109.077V167.525C375 172.096 371.295 175.801 366.724 175.801H308.276C303.705 175.801 300 172.096 300 167.525V108.042L299.928 107.553C299.372 103.805 296.191 101.006 292.402 100.933L285.517 100.801H233.276C228.705 100.801 225 104.506 225 109.077V167.525C225 172.096 228.705 175.801 233.276 175.801H292.241L294.206 175.932C297.466 176.149 300 178.857 300 182.125V188.473M300 182.008V242.525C300 247.096 303.705 250.801 308.276 250.801H366.724C371.295 250.801 375 254.506 375 259.077V317.525C375 322.096 378.705 325.801 383.276 325.801H441.724C446.295 325.801 450 329.506 450 334.077V392.525C450 397.096 453.705 400.801 458.276 400.801H516.724C521.295 400.801 525 404.506 525 409.077V467.525C525 472.096 528.705 475.801 533.276 475.801H593.793"
          stroke="url(#paint0_linear_2620_9398)"
          strokeOpacity="0.8"
          strokeWidth="0.775862"
        />
        <rect
          y="420.516"
          width="420.517"
          height="225"
          transform="rotate(-90 0 420.516)"
          fill="url(#paint1_linear_2620_9398)"
        />
        <rect
          x="420.516"
          y="475.859"
          width="420.517"
          height="225"
          transform="rotate(-180 420.516 475.859)"
          fill="url(#paint2_linear_2620_9398)"
        />
        <ellipse
          cx="330.226"
          cy="256.448"
          rx="279.828"
          ry="238.448"
          fill="url(#paint3_radial_2620_9398)"
        />
      </g>
      <defs>
        <linearGradient
          id="paint0_linear_2620_9398"
          x1="225"
          y1="-42.9922"
          x2="585.517"
          y2="403.129"
          gradientUnits="userSpaceOnUse"
        >
          <stop offset="0.0819437" stopColor="#F7F7F7" />
          <stop offset="0.208333" stopColor="#EDDD9D" />
          <stop offset="0.526042" stopColor="#C471ED" />
          <stop offset="0.9375" stopColor="#F64F59" />
        </linearGradient>
        <linearGradient
          id="paint1_linear_2620_9398"
          x1="210.259"
          y1="420.516"
          x2="210.259"
          y2="645.516"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="white" />
          <stop offset="1" stopColor="white" stopOpacity="0" />
        </linearGradient>
        <linearGradient
          id="paint2_linear_2620_9398"
          x1="630.774"
          y1="475.859"
          x2="630.774"
          y2="700.859"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="white" />
          <stop offset="0.713542" stopColor="white" stopOpacity="0.7" />
          <stop offset="1" stopColor="white" stopOpacity="0" />
        </linearGradient>
        <radialGradient
          id="paint3_radial_2620_9398"
          cx="0"
          cy="0"
          r="1"
          gradientUnits="userSpaceOnUse"
          gradientTransform="translate(330.226 256.448) rotate(90) scale(238.448 279.828)"
        >
          <stop stopColor="white" />
          <stop offset="1" stopColor="white" stopOpacity="0" />
        </radialGradient>
        <clipPath id="clip0_2620_9398">
          <rect width="450" height="325.2" fill="white" />
        </clipPath>
      </defs>
    </svg>
  );
};