Complete personal finance management application with: - Dashboard with financial metrics and alerts - Credit card management and payments - Fixed and variable debt tracking - Monthly budget planning - Intelligent alert system - Responsive design with Tailwind CSS Tech stack: Next.js 14, TypeScript, Zustand, Recharts 🤖 Generated with [Claude Code](https://claude.com/claude-code)
19 lines
421 B
TypeScript
19 lines
421 B
TypeScript
import { ReactNode } from 'react';
|
|
|
|
interface PageContainerProps {
|
|
children: ReactNode;
|
|
title: string;
|
|
}
|
|
|
|
export function PageContainer({ children, title }: PageContainerProps) {
|
|
return (
|
|
<main className="min-h-screen bg-slate-950">
|
|
<div className="max-w-7xl mx-auto p-4 md:p-6 lg:p-8 pb-24 lg:pb-8">
|
|
<div className="space-y-6">
|
|
{children}
|
|
</div>
|
|
</div>
|
|
</main>
|
|
);
|
|
}
|