24 lines
575 B
TypeScript
24 lines
575 B
TypeScript
import React from 'react';
|
|
import { usePage } from '@inertiajs/react';
|
|
import Header from './Header';
|
|
import Footer from './Footer';
|
|
|
|
interface AppLayoutProps {
|
|
children: React.ReactNode;
|
|
header?: React.ReactNode;
|
|
footer?: React.ReactNode;
|
|
}
|
|
|
|
const AppLayout: React.FC<AppLayoutProps> = ({ children, header, footer }) => {
|
|
const { auth } = usePage().props;
|
|
|
|
return (
|
|
<div className="min-h-screen bg-background text-foreground">
|
|
{header || <Header />}
|
|
<main>{children}</main>
|
|
{footer || <Footer />}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default AppLayout; |