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

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

export default layout;
