"use client";

import { Box, LayoutProvider, Text, useLayout } from '@photonix/ultimate';

export default function LayoutContextBasicExample() {
    return (
        <LayoutProvider>
            <LayoutStatus />
        </LayoutProvider>
    );
}

function LayoutStatus() {
    const layout = useLayout();

    return (
        <Box bg="secondary" borderRadius="md" p="md">
            <Text variant="body-md">
                Drawer registered: {layout?.hasDrawer ? 'yes' : 'no'}
            </Text>
        </Box>
    );
}