"use client";

import { Box, Button, Flex, MegaMenu, Text } from '@photonix/ultimate';

export default function MegaMenuBasicExample() {
    return (
        <Box h={160} position="relative">
            <Button variant="secondary">Products</Button>
            <MegaMenu open={false} onClose={() => undefined} topOffset="0px">
                <Flex gap="lg">
                    <Box>
                        <Text variant="title-md">Components</Text>
                        <Text variant="body-sm" color="secondary">Browse the Photonix UI kit.</Text>
                    </Box>
                    <Box>
                        <Text variant="title-md">Templates</Text>
                        <Text variant="body-sm" color="secondary">Start from ready-made screens.</Text>
                    </Box>
                </Flex>
            </MegaMenu>
        </Box>
    );
}