mixin view-menu 
    +view('menu', 'Menu')
        .c-box
            div(style={ display: 'flex', gap: '3rem' })
                +menu
                    +menu-header= 'Category 1'
                    +menu-item= 'Mark as away'
                    +menu-item= 'Delete'

                    +menu-header= 'Category 2'
                    +menu-item(icon='bookmark')= 'Bookmark'
                    +menu-item(icon='tags')= 'Tags'

                +menu
                    +menu-item(header=true)
                        = 'Bouncer'

                    +menu-separator

                    +menu-item(header=true)
                        = 'Libera'
                    +menu-item(icon='hash')
                        = 'achannel'
                        +badge('primary')(menu=true)= '12 '
                    +menu-item(icon='hash')
                        = 'kitsuneirc'
                        +badge(menu=true)= '31 '
                    +menu-item(icon='green' iconIsStatus=true)
                        = 'volpeon'
                    +menu-item(icon='red' iconIsStatus=true)
                        = 'someone'

                    +menu-separator

                    +menu-item(header=true)
                        = 'Ergo Testnet'

                    +menu-separator

                    +menu-item(header=true)
                        = 'NixNet'

                +menu
                    +menu-header= 'Operators'
                    +menu-item
                        +user-card('volpeon', 0)
                    +menu-item
                        +user-card('curiousfox', 90)

                    +menu-header= 'Moderators'
                    +menu-item
                        +user-card('user3567', 135)
                    +menu-item
                        +user-card('johndoe', 270)