import DashboardLayout from '../DashboardLayout';
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";

export default function DashboardLayoutExample() {
  return (
    <DashboardLayout pageTitle="Dashboard">
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
        <Card>
          <CardHeader>
            <CardTitle>Example Card 1</CardTitle>
          </CardHeader>
          <CardContent>
            <p className="text-muted-foreground">This is example content in the dashboard layout.</p>
          </CardContent>
        </Card>
        <Card>
          <CardHeader>
            <CardTitle>Example Card 2</CardTitle>
          </CardHeader>
          <CardContent>
            <p className="text-muted-foreground">More example content here.</p>
          </CardContent>
        </Card>
      </div>
    </DashboardLayout>
  );
}
