react-starter-kit/resources/js/pages/layouts/app/AppHeaderLayout.tsx

import type { PropsWithChildren } from 'react';

import { AppContent } from '@/common/AppContent';
import { AppHeader } from '@/common/AppHeader';
import { AppShell } from '@/common/AppShell';
import { type BreadcrumbItem } from '@/common/types';

export default function AppHeaderLayout({ children, breadcrumbs }: PropsWithChildren<{ breadcrumbs?: BreadcrumbItem[] }>) {
    return (
        <AppShell>
            <AppHeader breadcrumbs={breadcrumbs} />
            <AppContent>{children}</AppContent>
        </AppShell>
    );
}