import { type FC, type ReactNode } from "react";

export interface IBackgroundLayoutProps {
  children: ReactNode;
}

const BackgroundLayout: FC<IBackgroundLayoutProps> = ({ children }) => {
  return (
    // <div className="relative min-h-screen bg-[url(/overlay.jpg)] bg-[#f8f9fb] dark:bg-gradient-to-br from-[#101112] to-[#041758]">
    // <div className="relative min-h-screen bg-cover bg-center bg-[url(/overlay.jpg)] bg-[#f8f9fb] dark:bg-[#101112] dark:bg-[url(/background-dark.png)]">
    <div className="relative min-h-screen bg-cover bg-center bg-[#f8f9fb] dark:bg-black bg-[url(/overlay.jpg)] dark:bg-[url(/dark-overlay.jpg)]">
      {children}
    </div>
  );
};

export default BackgroundLayout;
