22 lines
495 B
TypeScript
22 lines
495 B
TypeScript
import React from '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 }) => {
|
|
return (
|
|
<div className="min-h-screen bg-background text-foreground">
|
|
{header || <Header />}
|
|
<main>{children}</main>
|
|
{footer || <Footer />}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default AppLayout;
|