import { useWindow } from '@cap-rel/smartcommon';

function ResponsiveLayout({ children }) {
    const { width, height, isMobile, isTablet, isDesktop } = useWindow();

    if (isMobile) {
        return <MobileLayout>{children}</MobileLayout>;
    }

    if (isTablet) {
        return <TabletLayout>{children}</TabletLayout>;
    }

    return <DesktopLayout>{children}</DesktopLayout>;
}

function WindowInfo() {
    const { width, height } = useWindow();

    return <p>Fenêtre : {width} x {height}</p>;
}