Ehsan/artifacts/ehsan-poc/src/components/layout/AppLayout.tsx

import { ReactNode } from "react";
import { Header } from "./Header";
import ehsanLogo from "../../assets/ehsan-logo.png";

export function AppLayout({ children }: { children: ReactNode }) {
  return (
    <div className="min-h-[100dvh] flex flex-col bg-background font-sans">
      <Header />
      <main className="flex-1">
        {children}
      </main>
      <footer className="border-t bg-white mt-auto py-8">
        <div className="container mx-auto px-4 flex flex-col items-center gap-3 text-center">
          <img src={ehsanLogo} alt="EHSAN" className="h-9 w-auto object-contain" />
          <p className="text-sm text-muted-foreground">
            EHSAN POC &copy; {new Date().getFullYear()}
          </p>
        </div>
      </footer>
    </div>
  );
}