import React from "react";
import Image from "next/image";

const layout = ({ children }: { children: React.ReactNode }) => {
  return (
    <section className="relative w-full min-h-screen md:h-screen flex md:block flex-col justify-center">
      <Image
            src="/header02.webp"
            alt="nav image"
            priority
            fill
            style={{ objectFit: "cover" , objectPosition: '75%'}}
            quality={100}
            className="brightness-[25%]"
          />
      <div className="flex-grow p-6 md:overflow-y-auto md:p-12">{children}</div>
    </section>
  );
};

export default layout;
