---
import { fetchMenu } from '@api/menu';

interface Props {
    menuId: number;
}

const { menuId } = Astro.props;

// Получаем меню по ID
const menu = await fetchMenu({ id: menuId });

if (!menu) {
    return;
}
---

<nav class="simple-menu">
    <ul class="simple-menu-list">
        {menu.menuItems.nodes.map(item => (
            <li class="simple-menu-item" key={item.id}>
                <a 
                    href={item.url} 
                    class="simple-menu-link"
                    target={item.target || '_self'}
                >
                    {item.label}
                </a>
            </li>
        ))}
    </ul>
</nav>