interactives/src/components/Layout.tsx

31 lines
No EOL
937 B
TypeScript
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import Navigation from '@/components/Navigation';
import { ReactNode } from 'react';
interface LayoutProps {
children: ReactNode;
}
const Layout = ({ children }: LayoutProps) => {
return (
<div className="min-h-screen bg-background flex flex-col">
<Navigation />
<main className="flex-1">
{children}
</main>
<footer className="bg-surface border-t border-outline py-8 px-4 mt-auto">
<div className="max-w-6xl mx-auto text-center">
<p className="text-muted-foreground">
© 2025 Interactives. Interactives for enhanced learning experiences and pure joy.
</p>
<div className="mt-4 flex justify-center gap-6 text-sm text-muted-foreground">
<span>Made with and help from friends and LLMs. More detailed acks coming soon!</span>
</div>
</div>
</footer>
</div>
);
};
export default Layout;