import React, { ReactNode } from "react";

interface BackgroundWrapperProps {
  children: ReactNode;
}

const BackgroundWrapper = ({ children }: BackgroundWrapperProps) => {
  return (
    <div
      className="min-h-screen bg-cover bg-center bg-no-repeat relative"
      style={{
        backgroundImage: "url('/images/static/paper-background.png')",
      }}
    >
      <div
        className="min-h-screen"
        style={{ backgroundColor: "rgba(0, 0, 0, 0)" }}
      >
        {children}
      </div>
    </div>
  );
};

export default BackgroundWrapper;