import type { ReactNode } from 'react';
import AppHeaderLayout from '@/layouts/app/app-header-layout';
import { Mapa } from '../components/Mapa';

type MainLayoutProps = {
    children: ReactNode;
};

export default function MainLayout({ children }: MainLayoutProps) {
    return (
        <AppHeaderLayout>
            <div className="flex min-h-0 w-full flex-1 bg-muted/30">
                <div className="grid min-h-0 w-full grid-cols-1 xl:grid-cols-[minmax(420px,680px)_minmax(0,1fr)]">
                    {children}

                    <aside className="hidden min-h-0 xl:block">
                        <Mapa />
                    </aside>
                </div>
            </div>
        </AppHeaderLayout>
    );
}