Files
kit-ui/components/layout/AppPage.tsx

30 lines
714 B
TypeScript

'use client';
import * as React from 'react';
import { cn } from '@/lib/utils';
interface AppPageProps {
title: string;
description?: string;
children: React.ReactNode;
className?: string;
}
export function AppPage({ title, description, children, className }: AppPageProps) {
return (
<div className={cn("min-h-screen py-8", className)}>
<div className="max-w-7xl mx-auto px-8 space-y-6 animate-fade-in">
<div>
<h1 className="text-2xl font-bold mb-1">{title}</h1>
{description && (
<p className="text-sm text-muted-foreground">
{description}
</p>
)}
</div>
{children}
</div>
</div>
);
}