interface GridBackgroundProps {
  className?: string;
}

export default function GridBackground({ className }: GridBackgroundProps) {
  return (
    <div className={className} data-name="底部网格">
      <div
        className="absolute bottom-[-71.42%] content-stretch flex flex-col items-start left-0 mask-alpha mask-intersect mask-no-clip mask-no-repeat mask-position-[0px_175.624px] mask-size-[1920px_1080px] right-0 top-[-16.26%]"
        data-name="底部内容"
        style={{ maskImage: `url('/financial-dashboard/grid-mask.svg')` }}
      >
        <div className="h-[1013.464px] relative shrink-0 w-[1920px]" data-name="网格">
          <img alt="" className="block max-w-none size-full" src="/financial-dashboard/grid.svg" />
        </div>
        <div className="h-[1013.464px] relative shrink-0 w-[1920px]" data-name="网格">
          <img alt="" className="block max-w-none size-full" src="/financial-dashboard/grid.svg" />
        </div>
      </div>
    </div>
  );
}