prototype(Carbon.Navigation:Mixin) < prototype(Neos.Fusion:Component) {

    renderer = Neos.Fusion:Component {
        @apply.props = ${props}
        @if.render = ${Type.isArray(this.menuItems) && Array.length(this.menuItems)}
        @process.shy = Carbon.Navigation:Hyphen

        menuItems = Neos.Neos:MenuItems {
            @apply.props = ${props}
        }

        renderer = afx`
            <Carbon.Navigation:List {...props} items={props.menuItems} />
        `
    }
}